@opengovsg/oui 0.0.45 → 0.0.46

package/dist/cjs/banner/banner.cjs

@@ -7,10 +7,10 @@ var $670gB$react = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
 var ouiTheme = require('@opengovsg/oui-theme');
+var button = require('../button/button.cjs');
 var i18n = require('./i18n.cjs');
 var circleAlert = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/circle-alert.cjs');
 var info = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/info.cjs');
-var button = require('../button/button.cjs');
 var x = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.cjs');
 
 const Banner = ({

package/dist/cjs/checkbox/checkbox.cjs

@@ -5,11 +5,11 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
+var field = require('../field/field.cjs');
 var utils = require('../system/utils.cjs');
 var checkboxGroupStyleContext = require('./checkbox-group-style-context.cjs');
 var minus = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/minus.cjs');
 var check = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/check.cjs');
-var field = require('../field/field.cjs');
 
 const Checkbox = ({
   classNames,

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

@@ -7,11 +7,11 @@ var $670gB$react = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
+var field = require('../field/field.cjs');
 var popover = require('../popover/popover.cjs');
 var utils = require('../system/utils.cjs');
 var comboBoxVariantContext = require('./combo-box-variant-context.cjs');
 var i18n = require('./i18n.cjs');
-var field = require('../field/field.cjs');
 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');
 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');
 var x = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.cjs');

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

@@ -6,8 +6,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var $670gB$react = require('react');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
-var utils = require('../system/utils.cjs');
 var field = require('../field/field.cjs');
+var utils = require('../system/utils.cjs');
 
 function DateField(originalProps) {
   const [

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

@@ -6,13 +6,14 @@ var jsxRuntime = require('react/jsx-runtime');
 var $670gB$react = require('react');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
+var button = require('../button/button.cjs');
+var calendar$1 = require('../calendar/calendar.cjs');
+require('@internationalized/date');
+var dateField = require('../date-field/date-field.cjs');
+var field = require('../field/field.cjs');
 var popover = require('../popover/popover.cjs');
 var utils = require('../system/utils.cjs');
-var dateField = require('../date-field/date-field.cjs');
 var calendar = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/calendar.cjs');
-var calendar$1 = require('../calendar/calendar.cjs');
-var field = require('../field/field.cjs');
-var button = require('../button/button.cjs');
 
 function DatePicker(originalProps) {
   const [

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

@@ -7,13 +7,13 @@ var $670gB$react = require('react');
 var date = require('@internationalized/date');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
+var button = require('../button/button.cjs');
+var dateField = require('../date-field/date-field.cjs');
+var field = require('../field/field.cjs');
 var popover = require('../popover/popover.cjs');
 var rangeCalendar = require('../range-calendar/range-calendar.cjs');
 var utils = require('../system/utils.cjs');
 var calendar = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/calendar.cjs');
-var field = require('../field/field.cjs');
-var dateField = require('../date-field/date-field.cjs');
-var button = require('../button/button.cjs');
 
 function DateRangePicker(originalProps) {
   const [

package/dist/cjs/field/field.cjs

@@ -57,18 +57,21 @@ function FieldError({
     }
   );
 }
-function FieldGroup(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.Group,
-    {
-      ...props,
-      className: ouiTheme.composeRenderProps(
-        props.className,
-        (className, renderProps) => ouiTheme.fieldGroupStyles({ ...renderProps, className })
-      )
-    }
-  );
-}
+const FieldGroup = $670gB$react.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactAriaComponents.Group,
+      {
+        ...props,
+        ref,
+        className: ouiTheme.composeRenderProps(
+          props.className,
+          (className, renderProps) => ouiTheme.fieldGroupStyles({ ...renderProps, className })
+        )
+      }
+    );
+  }
+);
 
 exports.Description = Description;
 exports.FieldError = FieldError;

package/dist/cjs/file-dropzone/file-dropzone.cjs

@@ -9,13 +9,13 @@ var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
 var reactDropzone = require('react-dropzone');
 var ouiTheme = require('@opengovsg/oui-theme');
+var field = require('../field/field.cjs');
+var useControllableState = require('../hooks/use-controllable-state.cjs');
 var utils = require('../system/utils.cjs');
 var contexts = require('./contexts.cjs');
 var fileInfo = require('./file-info.cjs');
 var utils$1 = require('./utils.cjs');
-var useControllableState = require('../hooks/use-controllable-state.cjs');
 var upload = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/upload.cjs');
-var field = require('../field/field.cjs');
 
 const FileDropzone = (originalProps) => {
   const [props, variantProps] = utils.mapPropsVariants(

package/dist/cjs/file-dropzone/file-info.cjs

@@ -5,10 +5,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 var $670gB$react = require('react');
 var ouiTheme = require('@opengovsg/oui-theme');
+var button = require('../button/button.cjs');
 var contexts = require('./contexts.cjs');
 var utils = require('./utils.cjs');
 var trash2 = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/trash-2.cjs');
-var button = require('../button/button.cjs');
 
 const FileInfo = ({ file, imagePreview, classNames }) => {
   const {

package/dist/cjs/index.cjs

@@ -1,6 +1,10 @@
 "use strict";
 'use strict';
 
+var useControllableState = require('./hooks/use-controllable-state.cjs');
+var useDraggable = require('./hooks/use-draggable.cjs');
+var button = require('./button/button.cjs');
+var govtBanner = require('./govt-banner/govt-banner.cjs');
 var ripple = require('./ripple/ripple.cjs');
 var useRipple = require('./ripple/use-ripple.cjs');
 var spinner = require('./spinner/spinner.cjs');
@@ -9,22 +13,41 @@ var toggle = require('./toggle/toggle.cjs');
 var skipNavLink = require('./skip-nav-link/skip-nav-link.cjs');
 var input = require('./input/input.cjs');
 var textField = require('./text-field/text-field.cjs');
+var field = require('./field/field.cjs');
 var textArea = require('./text-area/text-area.cjs');
 var textAreaField = require('./text-area-field/text-area-field.cjs');
+var comboBox = require('./combo-box/combo-box.cjs');
+var comboBoxFuzzy = require('./combo-box/combo-box-fuzzy.cjs');
+var comboBoxItem = require('./combo-box/combo-box-item.cjs');
+var comboBoxVariantContext = require('./combo-box/combo-box-variant-context.cjs');
+var banner = require('./banner/banner.cjs');
 var tagField = require('./tag-field/tag-field.cjs');
 var tagFieldItem = require('./tag-field/tag-field-item.cjs');
 var select = require('./select/select.cjs');
 var selectItem = require('./select/select-item.cjs');
 var selectVariantContext = require('./select/select-variant-context.cjs');
+var badge = require('./badge/badge.cjs');
+var calendar = require('./calendar/calendar.cjs');
+var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
+var utils = require('./calendar/utils.cjs');
+var date = require('@internationalized/date');
 var rangeCalendar = require('./range-calendar/range-calendar.cjs');
 var menu = require('./menu/menu.cjs');
 var popover = require('./popover/popover.cjs');
 var tabs = require('./tabs/tabs.cjs');
+var dateField = require('./date-field/date-field.cjs');
+var datePicker = require('./date-picker/date-picker.cjs');
+var dateRangePicker = require('./date-range-picker/date-range-picker.cjs');
+var checkbox = require('./checkbox/checkbox.cjs');
+var checkboxGroupStyleContext = require('./checkbox/checkbox-group-style-context.cjs');
 var pagination = require('./pagination/pagination.cjs');
 var paginationCursor = require('./pagination/pagination-cursor.cjs');
 var paginationItem = require('./pagination/pagination-item.cjs');
 var usePagination = require('./pagination/hooks/use-pagination.cjs');
 var usePagination$1 = require('./pagination/use-pagination.cjs');
+var fileDropzone = require('./file-dropzone/file-dropzone.cjs');
+var fileInfo = require('./file-dropzone/file-info.cjs');
+var utils$1 = require('./file-dropzone/utils.cjs');
 var numberField = require('./number-field/number-field.cjs');
 var modal = require('./modal/modal.cjs');
 var modalContent = require('./modal/modal-content.cjs');
@@ -43,48 +66,31 @@ var navbarItem = require('./navbar/navbar-item.cjs');
 var useNavbar = require('./navbar/use-navbar.cjs');
 var navbarContext = require('./navbar/navbar-context.cjs');
 var index = require('./avatar/index.cjs');
+var accordion = require('./accordion/accordion.cjs');
 var timeField = require('./time-field/time-field.cjs');
 var searchField = require('./search-field/search-field.cjs');
 var link = require('./link/link.cjs');
+var breadcrumbs = require('./breadcrumbs/breadcrumbs.cjs');
 var sidebar = require('./sidebar/sidebar.cjs');
 var sidebarRoot = require('./sidebar/sidebar-root.cjs');
 var sidebarItem = require('./sidebar/sidebar-item.cjs');
 var sidebarList = require('./sidebar/sidebar-list.cjs');
 var sidebarHeader = require('./sidebar/sidebar-header.cjs');
 var tooltip = require('./tooltip/tooltip.cjs');
-var useControllableState = require('./hooks/use-controllable-state.cjs');
-var useDraggable = require('./hooks/use-draggable.cjs');
-var button = require('./button/button.cjs');
-var govtBanner = require('./govt-banner/govt-banner.cjs');
-var field = require('./field/field.cjs');
-var comboBox = require('./combo-box/combo-box.cjs');
-var comboBoxFuzzy = require('./combo-box/combo-box-fuzzy.cjs');
-var comboBoxItem = require('./combo-box/combo-box-item.cjs');
-var comboBoxVariantContext = require('./combo-box/combo-box-variant-context.cjs');
-var banner = require('./banner/banner.cjs');
-var badge = require('./badge/badge.cjs');
-var date = require('@internationalized/date');
-var calendar = require('./calendar/calendar.cjs');
-var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
-var utils = require('./calendar/utils.cjs');
-var dateField = require('./date-field/date-field.cjs');
-var datePicker = require('./date-picker/date-picker.cjs');
-var dateRangePicker = require('./date-range-picker/date-range-picker.cjs');
-var checkbox = require('./checkbox/checkbox.cjs');
-var checkboxGroupStyleContext = require('./checkbox/checkbox-group-style-context.cjs');
-var fileDropzone = require('./file-dropzone/file-dropzone.cjs');
-var fileInfo = require('./file-dropzone/file-info.cjs');
-var utils$1 = require('./file-dropzone/utils.cjs');
+var phoneNumberField = require('./phone-number-field/phone-number-field.cjs');
+var BasePhoneInput = require('react-phone-number-input');
 var sonner = require('sonner');
 var avatarContext = require('./avatar/avatar-context.cjs');
 var avatarGroup = require('./avatar/avatar-group.cjs');
 var avatarGroupContext = require('./avatar/avatar-group-context.cjs');
 var avatar = require('./avatar/avatar.cjs');
-var accordion = require('./accordion/accordion.cjs');
-var breadcrumbs = require('./breadcrumbs/breadcrumbs.cjs');
 
 
 
+exports.useControllableState = useControllableState.useControllableState;
+exports.useDraggable = useDraggable.useDraggable;
+exports.Button = button.Button;
+exports.GovtBanner = govtBanner.GovtBanner;
 exports.Ripple = ripple.Ripple;
 exports.useRipple = useRipple.useRipple;
 exports.Spinner = spinner.Spinner;
@@ -93,14 +99,39 @@ exports.Toggle = toggle.Toggle;
 exports.SkipNavLink = skipNavLink.SkipNavLink;
 exports.Input = input.Input;
 exports.TextField = textField.TextField;
+exports.Description = field.Description;
+exports.FieldError = field.FieldError;
+exports.FieldErrorIcon = field.FieldErrorIcon;
+exports.FieldGroup = field.FieldGroup;
+exports.Label = field.Label;
 exports.TextArea = textArea.TextArea;
 exports.TextAreaField = textAreaField.TextAreaField;
+exports.ComboBox = comboBox.ComboBox;
+exports.ComboBoxEmptyState = comboBox.ComboBoxEmptyState;
+exports.ComboBoxFuzzy = comboBoxFuzzy.ComboBoxFuzzy;
+exports.ComboBoxItem = comboBoxItem.ComboBoxItem;
+exports.ComboBoxVariantContext = comboBoxVariantContext.ComboBoxVariantContext;
+exports.useComboBoxVariantContext = comboBoxVariantContext.useComboBoxVariantContext;
+exports.Banner = banner.Banner;
 exports.TagField = tagField.TagField;
 exports.TagFieldItem = tagFieldItem.TagFieldItem;
 exports.Select = select.Select;
 exports.SelectItem = selectItem.SelectItem;
 exports.SelectVariantContext = selectVariantContext.SelectVariantContext;
 exports.useSelectVariantContext = selectVariantContext.useSelectVariantContext;
+exports.Badge = badge.Badge;
+exports.Calendar = calendar.Calendar;
+exports.CalendarStateWrapper = calendar.CalendarStateWrapper;
+exports.CalendarStyleContext = calendarStyleContext.CalendarStyleContext;
+exports.useCalendarStyleContext = calendarStyleContext.useCalendarStyleContext;
+exports.getEraFormat = utils.getEraFormat;
+exports.useGenerateLocalizedMonths = utils.useGenerateLocalizedMonths;
+exports.useGenerateLocalizedYears = utils.useGenerateLocalizedYears;
+exports.useLocalizedMonthYear = utils.useLocalizedMonthYear;
+Object.defineProperty(exports, "CalendarDate", {
+	enumerable: true,
+	get: function () { return date.CalendarDate; }
+});
 exports.RangeCalendar = rangeCalendar.RangeCalendar;
 exports.RangeCalendarCell = rangeCalendar.RangeCalendarCell;
 exports.RangeCalendarStateWrapper = rangeCalendar.RangeCalendarStateWrapper;
@@ -119,12 +150,24 @@ exports.TabPanel = tabs.TabPanel;
 exports.Tabs = tabs.Tabs;
 exports.TabsVariantContext = tabs.TabsVariantContext;
 exports.useTabsVariantContext = tabs.useTabsVariantContext;
+exports.DateField = dateField.DateField;
+exports.DateInput = dateField.DateInput;
+exports.DatePicker = datePicker.DatePicker;
+exports.DateRangePicker = dateRangePicker.DateRangePicker;
+exports.Checkbox = checkbox.Checkbox;
+exports.CheckboxGroup = checkbox.CheckboxGroup;
+exports.CheckboxGroupStyleContext = checkboxGroupStyleContext.CheckboxGroupStyleContext;
+exports.useCheckboxGroupStyleContext = checkboxGroupStyleContext.useCheckboxGroupStyleContext;
 exports.Pagination = pagination.Pagination;
 exports.PaginationCursor = paginationCursor.PaginationCursor;
 exports.PaginationItem = paginationItem.PaginationItem;
 exports.PaginationItemType = usePagination.PaginationItemType;
 exports.CURSOR_TRANSITION_TIMEOUT = usePagination$1.CURSOR_TRANSITION_TIMEOUT;
 exports.usePagination = usePagination$1.usePagination;
+exports.FileDropzone = fileDropzone.FileDropzone;
+exports.FileInfo = fileInfo.FileInfo;
+exports.formatBytes = utils$1.formatBytes;
+exports.formatErrorMessage = utils$1.formatErrorMessage;
 exports.NumberField = numberField.NumberField;
 exports.Modal = modal.Modal;
 exports.ModalContent = modalContent.ModalContent;
@@ -145,9 +188,17 @@ exports.useNavbar = useNavbar.useNavbar;
 exports.NavbarProvider = navbarContext.NavbarProvider;
 exports.useNavbarContext = navbarContext.useNavbarContext;
 exports.Avatar = index.Avatar;
+exports.Accordion = accordion.Accordion;
+exports.AccordionContent = accordion.AccordionContent;
+exports.AccordionHeader = accordion.AccordionHeader;
+exports.AccordionItem = accordion.AccordionItem;
+exports.AccordionStyleContext = accordion.AccordionStyleContext;
+exports.useAccordionStyleContext = accordion.useAccordionStyleContext;
 exports.TimeField = timeField.TimeField;
 exports.SearchField = searchField.SearchField;
 exports.Link = link.Link;
+exports.Breadcrumb = breadcrumbs.Breadcrumb;
+exports.Breadcrumbs = breadcrumbs.Breadcrumbs;
 exports.Sidebar = sidebar.Sidebar;
 exports.generateSidebarItems = sidebar.generateSidebarItems;
 exports.SidebarRoot = sidebarRoot.SidebarRoot;
@@ -156,47 +207,30 @@ exports.SidebarList = sidebarList.SidebarList;
 exports.SidebarHeader = sidebarHeader.SidebarHeader;
 exports.Tooltip = tooltip.Tooltip;
 exports.TooltipTrigger = tooltip.TooltipTrigger;
-exports.useControllableState = useControllableState.useControllableState;
-exports.useDraggable = useDraggable.useDraggable;
-exports.Button = button.Button;
-exports.GovtBanner = govtBanner.GovtBanner;
-exports.Description = field.Description;
-exports.FieldError = field.FieldError;
-exports.FieldErrorIcon = field.FieldErrorIcon;
-exports.FieldGroup = field.FieldGroup;
-exports.Label = field.Label;
-exports.ComboBox = comboBox.ComboBox;
-exports.ComboBoxEmptyState = comboBox.ComboBoxEmptyState;
-exports.ComboBoxFuzzy = comboBoxFuzzy.ComboBoxFuzzy;
-exports.ComboBoxItem = comboBoxItem.ComboBoxItem;
-exports.ComboBoxVariantContext = comboBoxVariantContext.ComboBoxVariantContext;
-exports.useComboBoxVariantContext = comboBoxVariantContext.useComboBoxVariantContext;
-exports.Banner = banner.Banner;
-exports.Badge = badge.Badge;
-Object.defineProperty(exports, "CalendarDate", {
+exports.CountrySelect = phoneNumberField.CountrySelect;
+exports.FlagComponent = phoneNumberField.FlagComponent;
+exports.PhoneInput = phoneNumberField.PhoneInput;
+exports.PhoneNumberField = phoneNumberField.PhoneNumberField;
+Object.defineProperty(exports, "formatPhoneNumber", {
 	enumerable: true,
-	get: function () { return date.CalendarDate; }
+	get: function () { return BasePhoneInput.formatPhoneNumber; }
+});
+Object.defineProperty(exports, "formatPhoneNumberIntl", {
+	enumerable: true,
+	get: function () { return BasePhoneInput.formatPhoneNumberIntl; }
+});
+Object.defineProperty(exports, "isPossiblePhoneNumber", {
+	enumerable: true,
+	get: function () { return BasePhoneInput.isPossiblePhoneNumber; }
+});
+Object.defineProperty(exports, "isValidPhoneNumber", {
+	enumerable: true,
+	get: function () { return BasePhoneInput.isValidPhoneNumber; }
+});
+Object.defineProperty(exports, "parsePhoneNumber", {
+	enumerable: true,
+	get: function () { return BasePhoneInput.parsePhoneNumber; }
 });
-exports.Calendar = calendar.Calendar;
-exports.CalendarStateWrapper = calendar.CalendarStateWrapper;
-exports.CalendarStyleContext = calendarStyleContext.CalendarStyleContext;
-exports.useCalendarStyleContext = calendarStyleContext.useCalendarStyleContext;
-exports.getEraFormat = utils.getEraFormat;
-exports.useGenerateLocalizedMonths = utils.useGenerateLocalizedMonths;
-exports.useGenerateLocalizedYears = utils.useGenerateLocalizedYears;
-exports.useLocalizedMonthYear = utils.useLocalizedMonthYear;
-exports.DateField = dateField.DateField;
-exports.DateInput = dateField.DateInput;
-exports.DatePicker = datePicker.DatePicker;
-exports.DateRangePicker = dateRangePicker.DateRangePicker;
-exports.Checkbox = checkbox.Checkbox;
-exports.CheckboxGroup = checkbox.CheckboxGroup;
-exports.CheckboxGroupStyleContext = checkboxGroupStyleContext.CheckboxGroupStyleContext;
-exports.useCheckboxGroupStyleContext = checkboxGroupStyleContext.useCheckboxGroupStyleContext;
-exports.FileDropzone = fileDropzone.FileDropzone;
-exports.FileInfo = fileInfo.FileInfo;
-exports.formatBytes = utils$1.formatBytes;
-exports.formatErrorMessage = utils$1.formatErrorMessage;
 Object.defineProperty(exports, "toast", {
 	enumerable: true,
 	get: function () { return sonner.toast; }
@@ -209,11 +243,3 @@ exports.useAvatarGroup = avatarGroupContext.useAvatarGroup;
 exports.AvatarFallback = avatar.AvatarFallback;
 exports.AvatarImage = avatar.AvatarImage;
 exports.AvatarRoot = avatar.AvatarRoot;
-exports.Accordion = accordion.Accordion;
-exports.AccordionContent = accordion.AccordionContent;
-exports.AccordionHeader = accordion.AccordionHeader;
-exports.AccordionItem = accordion.AccordionItem;
-exports.AccordionStyleContext = accordion.AccordionStyleContext;
-exports.useAccordionStyleContext = accordion.useAccordionStyleContext;
-exports.Breadcrumb = breadcrumbs.Breadcrumb;
-exports.Breadcrumbs = breadcrumbs.Breadcrumbs;

package/dist/cjs/modal/modal-content.cjs

@@ -7,10 +7,10 @@ var $670gB$react = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
+var button = require('../button/button.cjs');
 var i18n = require('./i18n.cjs');
 var modalVariantContext = require('./modal-variant-context.cjs');
 var x = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.cjs');
-var button = require('../button/button.cjs');
 
 function ModalContent({
   closeButtonContent: closeButtonContentProp,

package/dist/cjs/number-field/number-field.cjs

@@ -5,12 +5,12 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
+var button = require('../button/button.cjs');
+var field = require('../field/field.cjs');
 var input = require('../input/input.cjs');
 var utils = require('../system/utils.cjs');
 var minus = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/minus.cjs');
 var plus = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/plus.cjs');
-var field = require('../field/field.cjs');
-var button = require('../button/button.cjs');
 
 function NumberField(originalProps) {
   const [