@opengovsg/oui 0.0.48 → 0.0.49

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/date-picker/date-picker.cjs

@@ -6,14 +6,13 @@ 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 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 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 button = require('../button/button.cjs');
 
 function DateRangePicker(originalProps) {
   const [

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

@@ -3,13 +3,12 @@
 
 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');
 var useSpinner = require('./spinner/use-spinner.cjs');
-var toggle = require('./toggle/toggle.cjs');
+var toggle$1 = 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');
@@ -20,17 +19,11 @@ 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');
@@ -38,16 +31,14 @@ 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 usePagination$1 = require('./pagination/hooks/use-pagination.cjs');
+var usePagination = 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 utils = 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');
@@ -61,16 +52,14 @@ var navbarBrand = require('./navbar/navbar-brand.cjs');
 var navbarContent = require('./navbar/navbar-content.cjs');
 var menu$1 = require('./navbar/navbar-menu/menu.cjs');
 var item = require('./navbar/navbar-menu/item.cjs');
-var toggle$1 = require('./navbar/navbar-menu/toggle.cjs');
+var toggle = require('./navbar/navbar-menu/toggle.cjs');
 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');
@@ -79,23 +68,35 @@ var sidebarHeader = require('./sidebar/sidebar-header.cjs');
 var tooltip = require('./tooltip/tooltip.cjs');
 var phoneNumberField = require('./phone-number-field/phone-number-field.cjs');
 var BasePhoneInput = require('react-phone-number-input');
-var sonner = require('sonner');
+var infobox = require('./infobox/infobox.cjs');
+var radio = require('./radio-group/radio.cjs');
+var accordion = require('./accordion/accordion.cjs');
 var avatarContext = require('./avatar/avatar-context.cjs');
+var avatar = require('./avatar/avatar.cjs');
 var avatarGroup = require('./avatar/avatar-group.cjs');
 var avatarGroupContext = require('./avatar/avatar-group-context.cjs');
-var avatar = require('./avatar/avatar.cjs');
+var badge = require('./badge/badge.cjs');
+var banner = require('./banner/banner.cjs');
+var breadcrumbs = require('./breadcrumbs/breadcrumbs.cjs');
+var button = require('./button/button.cjs');
+var calendar = require('./calendar/calendar.cjs');
+var date = require('@internationalized/date');
+var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
+var checkbox = require('./checkbox/checkbox.cjs');
+var checkboxGroupStyleContext = require('./checkbox/checkbox-group-style-context.cjs');
+var utils$1 = require('./calendar/utils.cjs');
+var sonner = require('sonner');
 
 
 
 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;
 exports.useSpinner = useSpinner.useSpinner;
-exports.Toggle = toggle.Toggle;
+exports.Toggle = toggle$1.Toggle;
 exports.SkipNavLink = skipNavLink.SkipNavLink;
 exports.Input = input.Input;
 exports.TextField = textField.TextField;
@@ -112,26 +113,12 @@ 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;
@@ -155,20 +142,16 @@ 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.PaginationItemType = usePagination$1.PaginationItemType;
+exports.CURSOR_TRANSITION_TIMEOUT = usePagination.CURSOR_TRANSITION_TIMEOUT;
+exports.usePagination = usePagination.usePagination;
 exports.FileDropzone = fileDropzone.FileDropzone;
 exports.FileInfo = fileInfo.FileInfo;
-exports.formatBytes = utils$1.formatBytes;
-exports.formatErrorMessage = utils$1.formatErrorMessage;
+exports.formatBytes = utils.formatBytes;
+exports.formatErrorMessage = utils.formatErrorMessage;
 exports.NumberField = numberField.NumberField;
 exports.Modal = modal.Modal;
 exports.ModalContent = modalContent.ModalContent;
@@ -183,23 +166,15 @@ exports.NavbarBrand = navbarBrand.NavbarBrand;
 exports.NavbarContent = navbarContent.NavbarContent;
 exports.NavbarMenu = menu$1.NavbarMenu;
 exports.NavbarMenuItem = item.NavbarMenuItem;
-exports.NavbarMenuToggle = toggle$1.NavbarMenuToggle;
+exports.NavbarMenuToggle = toggle.NavbarMenuToggle;
 exports.NavbarItem = navbarItem.NavbarItem;
 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;
@@ -232,15 +207,45 @@ Object.defineProperty(exports, "parsePhoneNumber", {
 	enumerable: true,
 	get: function () { return BasePhoneInput.parsePhoneNumber; }
 });
-Object.defineProperty(exports, "toast", {
-	enumerable: true,
-	get: function () { return sonner.toast; }
-});
+exports.Infobox = infobox.Infobox;
+exports.Radio = radio.Radio;
+exports.RadioGroup = radio.RadioGroup;
+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.AvatarContext = avatarContext.AvatarContext;
 exports.useAvatarContext = avatarContext.useAvatarContext;
-exports.AvatarGroup = avatarGroup.AvatarGroup;
-exports.AvatarGroupProvider = avatarGroupContext.AvatarGroupProvider;
-exports.useAvatarGroup = avatarGroupContext.useAvatarGroup;
 exports.AvatarFallback = avatar.AvatarFallback;
 exports.AvatarImage = avatar.AvatarImage;
 exports.AvatarRoot = avatar.AvatarRoot;
+exports.AvatarGroup = avatarGroup.AvatarGroup;
+exports.AvatarGroupProvider = avatarGroupContext.AvatarGroupProvider;
+exports.useAvatarGroup = avatarGroupContext.useAvatarGroup;
+exports.Badge = badge.Badge;
+exports.Banner = banner.Banner;
+exports.Breadcrumb = breadcrumbs.Breadcrumb;
+exports.Breadcrumbs = breadcrumbs.Breadcrumbs;
+exports.Button = button.Button;
+exports.Calendar = calendar.Calendar;
+exports.CalendarStateWrapper = calendar.CalendarStateWrapper;
+Object.defineProperty(exports, "CalendarDate", {
+	enumerable: true,
+	get: function () { return date.CalendarDate; }
+});
+exports.CalendarStyleContext = calendarStyleContext.CalendarStyleContext;
+exports.useCalendarStyleContext = calendarStyleContext.useCalendarStyleContext;
+exports.Checkbox = checkbox.Checkbox;
+exports.CheckboxGroup = checkbox.CheckboxGroup;
+exports.CheckboxGroupStyleContext = checkboxGroupStyleContext.CheckboxGroupStyleContext;
+exports.useCheckboxGroupStyleContext = checkboxGroupStyleContext.useCheckboxGroupStyleContext;
+exports.getEraFormat = utils$1.getEraFormat;
+exports.useGenerateLocalizedMonths = utils$1.useGenerateLocalizedMonths;
+exports.useGenerateLocalizedYears = utils$1.useGenerateLocalizedYears;
+exports.useLocalizedMonthYear = utils$1.useLocalizedMonthYear;
+Object.defineProperty(exports, "toast", {
+	enumerable: true,
+	get: function () { return sonner.toast; }
+});

package/dist/cjs/infobox/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+'use strict';
+
+var infobox = require('./infobox.cjs');
+
+
+
+exports.Infobox = infobox.Infobox;

package/dist/cjs/infobox/infobox.cjs

@@ -0,0 +1,39 @@
+"use strict";
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var $670gB$react = require('react');
+var useInfobox = require('./use-infobox.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 circleCheck = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/circle-check.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');
+
+const Infobox = (props) => {
+  const { Component, children, slots, classNames, icon, variant } = useInfobox.useInfobox(props);
+  const displayedIcon = $670gB$react.useMemo(() => {
+    if (icon) {
+      return icon;
+    }
+    if (icon === null) {
+      return null;
+    }
+    const iconClassName = slots.icon({ className: classNames?.icon });
+    switch (variant) {
+      case "error":
+        return /* @__PURE__ */ jsxRuntime.jsx(circleAlert.default, { className: iconClassName });
+      case "success":
+        return /* @__PURE__ */ jsxRuntime.jsx(circleCheck.default, { className: iconClassName });
+      case "warning":
+      case "info":
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsx(info.default, { className: iconClassName });
+    }
+  }, [icon, variant, slots, classNames?.icon]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Component, { className: slots.base({ className: classNames?.base }), children: [
+    displayedIcon,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: slots.wrapper({ className: classNames?.wrapper }), children })
+  ] });
+};
+
+exports.Infobox = Infobox;

package/dist/cjs/infobox/use-infobox.cjs

@@ -0,0 +1,32 @@
+"use strict";
+'use strict';
+
+var $670gB$react = require('react');
+var useDeepCompare = require('use-deep-compare');
+var ouiTheme = require('@opengovsg/oui-theme');
+var utils = require('../system/utils.cjs');
+
+function useInfobox(originalProps) {
+  const [_props, variantProps] = utils.mapPropsVariants(
+    originalProps,
+    ouiTheme.infoboxStyles.variantKeys
+  );
+  const { children, as, classNames, icon } = _props;
+  const Component = $670gB$react.useMemo(() => as || "div", [as]);
+  const slots = useDeepCompare.useDeepCompareMemo(
+    () => ({
+      ...ouiTheme.infoboxStyles({ ...variantProps })
+    }),
+    [variantProps, ouiTheme.infoboxStyles]
+  );
+  return {
+    Component,
+    children,
+    slots,
+    classNames,
+    icon,
+    variant: variantProps.variant
+  };
+}
+
+exports.useInfobox = useInfobox;

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/node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/circle-check.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createLucideIcon = require('../createLucideIcon.cjs');
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+];
+const CircleCheck = createLucideIcon.default("CircleCheck", __iconNode);
+
+exports.__iconNode = __iconNode;
+exports.default = CircleCheck;

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 button = require('../button/button.cjs');
 
 function NumberField(originalProps) {
   const [

package/dist/cjs/pagination/index.cjs

@@ -4,14 +4,14 @@
 var pagination = require('./pagination.cjs');
 var paginationCursor = require('./pagination-cursor.cjs');
 var paginationItem = require('./pagination-item.cjs');
-var usePagination = require('./hooks/use-pagination.cjs');
-var usePagination$1 = require('./use-pagination.cjs');
+var usePagination$1 = require('./hooks/use-pagination.cjs');
+var usePagination = require('./use-pagination.cjs');
 
 
 
 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.PaginationItemType = usePagination$1.PaginationItemType;
+exports.CURSOR_TRANSITION_TIMEOUT = usePagination.CURSOR_TRANSITION_TIMEOUT;
+exports.usePagination = usePagination.usePagination;

package/dist/cjs/radio-group/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+'use strict';
+
+var radio = require('./radio.cjs');
+
+
+
+exports.Radio = radio.Radio;
+exports.RadioGroup = radio.RadioGroup;

package/dist/cjs/radio-group/radio-group-variant-context.cjs

@@ -0,0 +1,15 @@
+"use strict";
+'use strict';
+
+var context = require('../system/react-utils/context.cjs');
+
+const [RadioGroupVariantContext, useRadioGroupVariantContext] = context.createContext({
+  name: "RadioGroupVariantContext",
+  strict: false,
+  defaultValue: {
+    size: "md"
+  }
+});
+
+exports.RadioGroupVariantContext = RadioGroupVariantContext;
+exports.useRadioGroupVariantContext = useRadioGroupVariantContext;

package/dist/cjs/radio-group/radio.cjs

@@ -0,0 +1,99 @@
+"use strict";
+"use client";
+'use strict';
+
+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 children = require('../system/react-utils/children.cjs');
+var utils = require('../system/utils.cjs');
+var radioGroupVariantContext = require('./radio-group-variant-context.cjs');
+
+const Radio = ({
+  classNames,
+  className,
+  children: children$1,
+  description,
+  ...originalProps
+}) => {
+  const [props, variants] = utils.mapPropsVariants(
+    originalProps,
+    ouiTheme.radioStyles.variantKeys
+  );
+  const groupContext = radioGroupVariantContext.useRadioGroupVariantContext();
+  const styles = ouiTheme.radioStyles({ size: groupContext?.size, ...variants });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.Radio,
+    {
+      ...props,
+      isDisabled: variants.isDisabled,
+      className: reactAriaComponents.composeRenderProps(
+        className ?? classNames?.base,
+        (className2, renderProps) => styles.base({ ...renderProps, className: className2 })
+      ),
+      children: (renderProps) => {
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: styles.circle({
+                ...renderProps,
+                className: classNames?.circle
+              }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: styles.icon({
+                    ...renderProps,
+                    className: classNames?.icon
+                  })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.label({ className: classNames?.label }), children: children.renderChildren(renderProps, children$1) }),
+          description && /* @__PURE__ */ jsxRuntime.jsx(
+            field.Description,
+            {
+              size: groupContext?.size,
+              className: styles.description({
+                className: classNames?.description
+              }),
+              children: description
+            }
+          )
+        ] });
+      }
+    }
+  );
+};
+const RadioGroup = ({
+  label,
+  description,
+  errorMessage,
+  classNames,
+  size,
+  ...props
+}) => {
+  const context = { size };
+  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Provider, { values: [[radioGroupVariantContext.RadioGroupVariantContext, context]], children: /* @__PURE__ */ jsxRuntime.jsxs(
+    reactAriaComponents.RadioGroup,
+    {
+      ...props,
+      className: reactAriaComponents.composeRenderProps(
+        props.className ?? classNames?.base,
+        (className, renderProps) => ouiTheme.radioGroupStyles({ ...renderProps, size, className })
+      ),
+      children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx(field.Label, { size, className: classNames?.label, children: label }),
+        props.children,
+        description && /* @__PURE__ */ jsxRuntime.jsx(field.Description, { size, className: classNames?.description, children: description }),
+        /* @__PURE__ */ jsxRuntime.jsx(field.FieldError, { size, classNames: classNames?.error, children: errorMessage })
+      ]
+    }
+  ) });
+};
+
+exports.Radio = Radio;
+exports.RadioGroup = RadioGroup;

package/dist/cjs/range-calendar/range-calendar.cjs

@@ -8,12 +8,12 @@ var date = require('@internationalized/date');
 var reactAriaComponents = require('react-aria-components');
 var useDeepCompare = require('use-deep-compare');
 var ouiTheme = require('@opengovsg/oui-theme');
-var calendarStyleContext = require('../calendar/calendar-style-context.cjs');
 var agnosticCalendarStateContext = require('../calendar/agnostic-calendar-state-context.cjs');
 var calendarBottomContent = require('../calendar/calendar-bottom-content.cjs');
 var calendarGridHeader = require('../calendar/calendar-grid-header.cjs');
 var calendarHeader = require('../calendar/calendar-header.cjs');
 var utils = require('../system/utils.cjs');
+var calendarStyleContext = require('../calendar/calendar-style-context.cjs');
 
 const RangeCalendar = utils.forwardRefGeneric(function RangeCalendar2(originalProps, ref) {
   const [props, variantProps] = utils.mapPropsVariants(

package/dist/cjs/search-field/search-field.cjs

@@ -5,13 +5,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactAria = require('react-aria');
 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 i18n = require('./i18n.cjs');
 var search = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/search.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 SearchField(originalProps) {
   const [

package/dist/cjs/select/select.cjs

@@ -7,7 +7,6 @@ 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 field = require('../field/field.cjs');
 var popover = require('../popover/popover.cjs');
 var sizing = require('../system/react-utils/sizing.cjs');
@@ -15,6 +14,7 @@ var utils = require('../system/utils.cjs');
 var i18n = require('./i18n.cjs');
 var selectVariantContext = require('./select-variant-context.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 button = require('../button/button.cjs');
 
 const calculateEstimatedRowHeight = (size) => {
   switch (size) {

package/dist/cjs/sidebar/sidebar-list.cjs

@@ -8,11 +8,11 @@ var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
 var reactStately = require('react-stately');
 var ouiTheme = require('@opengovsg/oui-theme');
-var button = require('../button/button.cjs');
 var utils = require('../system/utils.cjs');
 var context = require('./context.cjs');
 var i18n = require('./i18n.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 button = require('../button/button.cjs');
 
 const SidebarListSection = ({
   onlyCaretToggle,

package/dist/esm/accordion/accordion.js

@@ -2,7 +2,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useContext } from 'react';
-import { Disclosure, composeRenderProps, DisclosureGroup, DisclosureStateContext, Heading, Button, DisclosurePanel } from 'react-aria-components';
+import { Disclosure, composeRenderProps, DisclosureGroup, DisclosurePanel, DisclosureStateContext, Heading, Button } from 'react-aria-components';
 import { cn, accordionStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
 import { renderChildren } from '../system/react-utils/children.js';
 import { forwardRef, mapPropsVariants } from '../system/utils.js';