@opengovsg/oui 0.0.44 → 0.0.45

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 field = require('../field/field.cjs');
 var utils = require('../system/utils.cjs');
+var field = require('../field/field.cjs');
 
 function DateField(originalProps) {
   const [

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 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/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,10 +1,6 @@
 "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');
@@ -13,41 +9,22 @@ 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');
@@ -66,23 +43,48 @@ 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 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;
@@ -91,39 +93,14 @@ 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;
@@ -142,24 +119,12 @@ 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;
@@ -180,17 +145,58 @@ 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;
+exports.SidebarItem = sidebarItem.SidebarItem;
+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", {
+	enumerable: true,
+	get: function () { return date.CalendarDate; }
+});
+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; }
@@ -203,3 +209,11 @@ 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 [

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

package/dist/cjs/select/select.cjs

@@ -7,12 +7,12 @@ 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 utils = require('../system/utils.cjs');
 var selectVariantContext = require('./select-variant-context.cjs');
+var field = require('../field/field.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 i18nStrings = {
   "en-SG": {

package/dist/cjs/sidebar/context.cjs

@@ -0,0 +1,24 @@
+"use strict";
+"use client";
+'use strict';
+
+var context = require('../system/react-utils/context.cjs');
+
+const [SidebarStyleContext, useSidebarStyleContext] = context.createContext({
+  name: "SidebarStyleContext"
+});
+const [SidebarCollapseContext, useSidebarCollapseContext] = context.createContext({
+  name: "SidebarCollapseContext"
+});
+const [SidebarNestContext, useSidebarNestContext] = context.createContext({
+  name: "SidebarNestContext",
+  strict: false,
+  defaultValue: { isNested: false, isExpanded: false }
+});
+
+exports.SidebarCollapseContext = SidebarCollapseContext;
+exports.SidebarNestContext = SidebarNestContext;
+exports.SidebarStyleContext = SidebarStyleContext;
+exports.useSidebarCollapseContext = useSidebarCollapseContext;
+exports.useSidebarNestContext = useSidebarNestContext;
+exports.useSidebarStyleContext = useSidebarStyleContext;

package/dist/cjs/sidebar/i18n.cjs

@@ -0,0 +1,23 @@
+"use strict";
+'use strict';
+
+const i18nStrings = {
+  "en-SG": {
+    "Expand sidebar section": "Expand sidebar section",
+    "Collapse sidebar section": "Collapse sidebar section"
+  },
+  "zh-SG": {
+    "Expand sidebar section": "\u5C55\u5F00\u4FA7\u8FB9\u680F\u90E8\u5206",
+    "Collapse sidebar section": "\u6298\u53E0\u4FA7\u8FB9\u680F\u90E8\u5206"
+  },
+  "ms-SG": {
+    "Expand sidebar section": "Perluas bahagian bar sisi",
+    "Collapse sidebar section": "Kuncupkan bahagian bar sisi"
+  },
+  "ta-SG": {
+    "Expand sidebar section": "\u0BAA\u0B95\u0BCD\u0B95\u0BB5\u0BBE\u0B9F\u0BCD\u0B9F\u0BC1\u0BAA\u0BCD \u0BAA\u0B95\u0BC1\u0BA4\u0BBF\u0BAF\u0BC8 \u0BB5\u0BBF\u0BB0\u0BBF\u0BB5\u0BBE\u0B95\u0BCD\u0B95\u0BC1",
+    "Collapse sidebar section": "\u0BAA\u0B95\u0BCD\u0B95\u0BB5\u0BBE\u0B9F\u0BCD\u0B9F\u0BC1\u0BAA\u0BCD \u0BAA\u0B95\u0BC1\u0BA4\u0BBF\u0BAF\u0BC8 \u0B9A\u0BC1\u0BB0\u0BC1\u0B95\u0BCD\u0B95\u0BC1"
+  }
+};
+
+exports.i18nStrings = i18nStrings;

package/dist/cjs/sidebar/index.cjs

@@ -0,0 +1,17 @@
+"use strict";
+'use strict';
+
+var sidebar = require('./sidebar.cjs');
+var sidebarRoot = require('./sidebar-root.cjs');
+var sidebarItem = require('./sidebar-item.cjs');
+var sidebarList = require('./sidebar-list.cjs');
+var sidebarHeader = require('./sidebar-header.cjs');
+
+
+
+exports.Sidebar = sidebar.Sidebar;
+exports.generateSidebarItems = sidebar.generateSidebarItems;
+exports.SidebarRoot = sidebarRoot.SidebarRoot;
+exports.SidebarItem = sidebarItem.SidebarItem;
+exports.SidebarList = sidebarList.SidebarList;
+exports.SidebarHeader = sidebarHeader.SidebarHeader;

package/dist/cjs/sidebar/sidebar-header.cjs

@@ -0,0 +1,40 @@
+"use strict";
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var children = require('../system/react-utils/children.cjs');
+var utils = require('../system/utils.cjs');
+var context = require('./context.cjs');
+
+const SidebarHeader = utils.forwardRef(
+  ({ children: children$1, startContent, endContent, ...props }, ref) => {
+    const { slots, classNames } = context.useSidebarStyleContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "li",
+      {
+        className: slots.headerLi({
+          className: classNames?.headerLi
+        }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "h2",
+          {
+            className: slots.header({
+              className: classNames?.header
+            }),
+            ref,
+            ...props,
+            children: [
+              startContent,
+              children.renderChildren({}, children$1),
+              endContent
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+SidebarHeader.displayName = "SidebarHeader";
+
+exports.SidebarHeader = SidebarHeader;

package/dist/cjs/sidebar/sidebar-item.cjs

@@ -0,0 +1,61 @@
+"use strict";
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var $670gB$react = require('react');
+var reactAriaComponents = require('react-aria-components');
+var ouiTheme = require('@opengovsg/oui-theme');
+var children = require('../system/react-utils/children.cjs');
+var utils = require('../system/utils.cjs');
+var tooltip = require('../tooltip/tooltip.cjs');
+var context = require('./context.cjs');
+
+const SidebarItem = utils.forwardRef(
+  ({ children: children$1, startContent, endContent, tooltip: tooltip$1, isSelected, ...props }, ref) => {
+    const { slots, classNames } = context.useSidebarStyleContext();
+    const { isNested, isExpanded } = context.useSidebarNestContext() ?? {};
+    const { isCollapsed, tooltipProps, tooltipTriggerProps } = context.useSidebarCollapseContext() ?? {};
+    const dataSelected = $670gB$react.useMemo(() => {
+      if (typeof isSelected === "function") {
+        return isSelected();
+      }
+      return isSelected;
+    }, [isSelected]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "li",
+      {
+        "data-selected": ouiTheme.dataAttr(dataSelected),
+        "data-nested": ouiTheme.dataAttr(isNested),
+        className: slots.item({
+          isNested,
+          className: classNames?.item
+        }),
+        ref,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipTrigger, { delay: 0, ...tooltipTriggerProps, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactAriaComponents.Link,
+            {
+              "aria-label": isCollapsed ? tooltip$1 : void 0,
+              ...props,
+              className: slots.label({
+                isNested,
+                isExpanded,
+                className: classNames?.label
+              }),
+              children: (renderProps) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                startContent,
+                !isCollapsed && children.renderChildren(renderProps, children$1),
+                !isCollapsed && endContent
+              ] })
+            }
+          ),
+          isCollapsed && /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip, { placement: "end", ...tooltipProps, children: tooltip$1 })
+        ] })
+      }
+    );
+  }
+);
+SidebarItem.displayName = "SidebarItem";
+
+exports.SidebarItem = SidebarItem;