@opengovsg/oui 0.0.44 → 0.0.45

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

@@ -0,0 +1,213 @@
+"use strict";
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var $670gB$react = require('react');
+var reactAria = require('react-aria');
+var reactAriaComponents = require('react-aria-components');
+var reactStately = require('react-stately');
+var ouiTheme = require('@opengovsg/oui-theme');
+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,
+  isExpanded,
+  isSelected,
+  children,
+  linkProps
+}) => {
+  const { slots, classNames } = context.useSidebarStyleContext();
+  const { isNested } = context.useSidebarNestContext() ?? {};
+  const stringFormatter = reactAria.useLocalizedStringFormatter(i18n.i18nStrings);
+  if (onlyCaretToggle) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-expanded": ouiTheme.dataAttr(isExpanded),
+        "data-selected": ouiTheme.dataAttr(isSelected),
+        className: slots.item({
+          className: classNames?.item,
+          isExpanded,
+          isNested
+        }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactAriaComponents.Link,
+            {
+              className: slots.label({
+                className: classNames?.label,
+                isNested,
+                isExpanded
+              }),
+              ...linkProps,
+              children
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              variant: "clear",
+              color: "none",
+              slot: "trigger",
+              "aria-label": stringFormatter.format(
+                isExpanded ? "Collapse sidebar section" : "Expand sidebar section"
+              ),
+              className: slots.chevronContainer({
+                className: classNames?.chevronContainer
+              }),
+              children: ({ isDisabled }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                chevronDown.default,
+                {
+                  "aria-hidden": true,
+                  className: slots.chevron({ isExpanded, isDisabled })
+                }
+              ) })
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.Button,
+    {
+      "data-expanded": ouiTheme.dataAttr(isExpanded),
+      "data-selected": ouiTheme.dataAttr(isSelected),
+      slot: "trigger",
+      className: slots.item({
+        className: classNames?.item,
+        isExpanded,
+        isNested
+      }),
+      children: ({ isDisabled }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: slots.label({
+              className: classNames?.label,
+              isNested,
+              isExpanded
+            }),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: slots.chevronContainer({
+              className: classNames?.chevronContainer
+            }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              chevronDown.default,
+              {
+                "aria-hidden": true,
+                className: slots.chevron({ isExpanded, isDisabled })
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+};
+const SidebarList = utils.forwardRef(
+  ({
+    label,
+    children,
+    startContent,
+    endContent,
+    isSelected,
+    defaultIsExpanded,
+    isExpanded: isExpandedProp,
+    onExpand: onExpandProp,
+    onlyCaretToggle = false,
+    ...props
+  }, ref) => {
+    const { slots, classNames } = context.useSidebarStyleContext();
+    const { isCollapsed } = context.useSidebarCollapseContext() ?? {};
+    const { isExpanded, setExpanded } = reactStately.useDisclosureState({
+      defaultExpanded: defaultIsExpanded,
+      isExpanded: isExpandedProp,
+      onExpandedChange: onExpandProp
+    });
+    const dataSelected = $670gB$react.useMemo(() => {
+      if (typeof isSelected === "function") {
+        return isSelected();
+      }
+      return isSelected;
+    }, [isSelected]);
+    if (isCollapsed) {
+      return children;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "li",
+      {
+        "data-selected": ouiTheme.dataAttr(dataSelected),
+        className: slots.list({
+          className: classNames?.list
+        }),
+        ref,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          reactAriaComponents.Disclosure,
+          {
+            className: slots.section({
+              className: classNames?.section,
+              isExpanded
+            }),
+            isExpanded,
+            onExpandedChange: setExpanded,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                SidebarListSection,
+                {
+                  onlyCaretToggle,
+                  isSelected,
+                  isExpanded,
+                  linkProps: props,
+                  children: [
+                    startContent,
+                    label,
+                    endContent
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                reactAriaComponents.DisclosurePanel,
+                {
+                  className: slots.nestedPanel({
+                    className: classNames?.nestedPanel
+                  }),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    reactAriaComponents.Provider,
+                    {
+                      values: [[context.SidebarNestContext, { isNested: true, isExpanded }]],
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "ul",
+                        {
+                          className: slots.ul({
+                            className: classNames?.ul,
+                            isNested: true,
+                            isExpanded
+                          }),
+                          children
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+SidebarList.displayName = "SidebarList";
+
+exports.SidebarList = SidebarList;

package/dist/cjs/sidebar/sidebar-root.cjs

@@ -0,0 +1,63 @@
+"use strict";
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils$1 = require('@react-stately/utils');
+var reactAriaComponents = require('react-aria-components');
+var ouiTheme = require('@opengovsg/oui-theme');
+var utils = require('../system/utils.cjs');
+var context = require('./context.cjs');
+
+const SidebarRoot = ({
+  className,
+  classNames,
+  defaultCollapsed,
+  onCollapsedChange,
+  tooltipProps,
+  tooltipTriggerProps,
+  ...originalProps
+}) => {
+  const [props, variantProps] = utils.mapPropsVariants(
+    originalProps,
+    ouiTheme.sidebarStyles.variantKeys
+  );
+  const [isCollapsed, setCollapsed] = utils$1.useControlledState(
+    variantProps.isCollapsed,
+    defaultCollapsed ?? false,
+    onCollapsedChange
+  );
+  const slots = ouiTheme.sidebarStyles({ ...variantProps, isCollapsed });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.Provider,
+    {
+      values: [
+        [context.SidebarStyleContext, { slots, classNames }],
+        [
+          context.SidebarCollapseContext,
+          { isCollapsed, setCollapsed, tooltipProps, tooltipTriggerProps }
+        ]
+      ],
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "nav",
+        {
+          "data-collapsed": ouiTheme.dataAttr(isCollapsed),
+          className: slots.base({
+            className: className ?? classNames?.base
+          }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "ul",
+            {
+              className: slots.ul({
+                className: classNames?.ul
+              }),
+              ...props
+            }
+          )
+        }
+      )
+    }
+  );
+};
+
+exports.SidebarRoot = SidebarRoot;

package/dist/cjs/sidebar/sidebar.cjs

@@ -0,0 +1,31 @@
+"use strict";
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var $670gB$react = require('react');
+var sidebarHeader = require('./sidebar-header.cjs');
+var sidebarItem = require('./sidebar-item.cjs');
+var sidebarList = require('./sidebar-list.cjs');
+var sidebarRoot = require('./sidebar-root.cjs');
+var utils = require('./utils.cjs');
+
+const generateSidebarItems = (items) => {
+  return items.map((item, index) => {
+    if (utils.isNestableItem(item)) {
+      const { label, subItems, ...rest } = item;
+      return /* @__PURE__ */ jsxRuntime.jsx(sidebarList.SidebarList, { label, ...rest, children: generateSidebarItems(subItems) }, index);
+    }
+    if (utils.isHeaderItem(item)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(sidebarHeader.SidebarHeader, { ...item }, index);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(sidebarItem.SidebarItem, { ...item }, index);
+  });
+};
+const Sidebar = ({ items, ...props }) => {
+  const sidebarItems = $670gB$react.useMemo(() => generateSidebarItems(items), [items]);
+  return /* @__PURE__ */ jsxRuntime.jsx(sidebarRoot.SidebarRoot, { ...props, children: sidebarItems });
+};
+
+exports.Sidebar = Sidebar;
+exports.generateSidebarItems = generateSidebarItems;

package/dist/cjs/sidebar/types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+'use strict';
+

package/dist/cjs/sidebar/utils.cjs

@@ -0,0 +1,12 @@
+"use strict";
+'use strict';
+
+const isNestableItem = (item) => {
+  return "subItems" in item;
+};
+const isHeaderItem = (item) => {
+  return "type" in item && item.type === "header";
+};
+
+exports.isHeaderItem = isHeaderItem;
+exports.isNestableItem = isNestableItem;

package/dist/cjs/tag-field/tag-field.cjs

@@ -6,7 +6,6 @@ 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 input = require('../input/input.cjs');
 var popover = require('../popover/popover.cjs');
 var tagFieldItem = require('./tag-field-item.cjs');
@@ -15,6 +14,7 @@ var tagFieldRoot = require('./tag-field-root.cjs');
 var tagFieldTagList = require('./tag-field-tag-list.cjs');
 var tagFieldTrigger = require('./tag-field-trigger.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 field = require('../field/field.cjs');
 
 function TagField({
   classNames,

package/dist/cjs/text-area-field/text-area-field.cjs

@@ -5,8 +5,8 @@
 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 textArea = require('../text-area/text-area.cjs');
+var field = require('../field/field.cjs');
 
 function TextAreaField({
   label,

package/dist/cjs/text-field/text-field.cjs

@@ -5,8 +5,8 @@
 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 input = require('../input/input.cjs');
+var field = require('../field/field.cjs');
 
 function TextField({
   label,

package/dist/cjs/time-field/time-field.cjs

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

package/dist/cjs/tooltip/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+'use strict';
+
+var tooltip = require('./tooltip.cjs');
+
+
+
+exports.Tooltip = tooltip.Tooltip;
+exports.TooltipTrigger = tooltip.TooltipTrigger;

package/dist/cjs/tooltip/tooltip.cjs

@@ -0,0 +1,54 @@
+"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 utils = require('../system/utils.cjs');
+
+function Tooltip(originalProps) {
+  const [{ children, showArrow = true, classNames, ...props }, variantProps] = utils.mapPropsVariants(originalProps, ouiTheme.tooltipStyles.variantKeys);
+  const styles = ouiTheme.tooltipStyles(variantProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.Tooltip,
+    {
+      isEntering: variantProps.isEntering,
+      isExiting: variantProps.isExiting,
+      offset: 10,
+      ...props,
+      className: ouiTheme.composeRenderProps(
+        props.className ?? classNames?.base,
+        (className, renderProps) => styles.base({
+          ...renderProps,
+          className
+        })
+      ),
+      children: (renderProps) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        showArrow && /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.OverlayArrow, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            width: 8,
+            height: 8,
+            viewBox: "0 0 8 8",
+            className: ouiTheme.composeRenderProps(
+              classNames?.arrow,
+              (className, renderProps2) => styles.arrow({
+                className,
+                ...renderProps2
+              })
+            )(renderProps),
+            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0 L4 4 L8 0" })
+          }
+        ) }),
+        children
+      ] })
+    }
+  );
+}
+function TooltipTrigger(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.TooltipTrigger, { delay: 300, ...props });
+}
+
+exports.Tooltip = Tooltip;
+exports.TooltipTrigger = TooltipTrigger;

package/dist/esm/banner/banner.js

@@ -5,10 +5,10 @@ import { useMemo, useRef } from 'react';
 import { useLocalizedStringFormatter, useDisclosure } from 'react-aria';
 import { useDisclosureState } from 'react-stately';
 import { bannerStyles } from '@opengovsg/oui-theme';
-import { Button } from '../button/button.js';
 import { i18nStrings } from './i18n.js';
 import CircleAlert from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/circle-alert.js';
 import Info from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/info.js';
+import { Button } from '../button/button.js';
 import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.js';
 
 const Banner = ({

package/dist/esm/checkbox/checkbox.js

@@ -3,11 +3,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Checkbox as Checkbox$1, composeRenderProps, Provider, CheckboxGroup as CheckboxGroup$1 } from 'react-aria-components';
 import { checkboxStyles, checkboxGroupStyles } from '@opengovsg/oui-theme';
-import { Label, Description, FieldError } from '../field/field.js';
 import { mapPropsVariants } from '../system/utils.js';
 import { useCheckboxGroupStyleContext, CheckboxGroupStyleContext } from './checkbox-group-style-context.js';
 import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/minus.js';
 import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/check.js';
+import { Label, Description, FieldError } from '../field/field.js';
 
 const Checkbox = ({
   classNames,

package/dist/esm/combo-box/combo-box.js

@@ -5,11 +5,11 @@ import { useMemo, useCallback } from 'react';
 import { useLocalizedStringFormatter } from 'react-aria';
 import { ListLayout, Provider, ComboBox as ComboBox$1, Input, Button, Virtualizer, ListBox } from 'react-aria-components';
 import { listBoxItemStyles, cn, comboBoxStyles, composeTailwindRenderProps, composeRenderProps, comboBoxClearButtonStyles } from '@opengovsg/oui-theme';
-import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
 import { Popover } from '../popover/popover.js';
 import { mapPropsVariants } from '../system/utils.js';
 import { ComboBoxVariantContext } from './combo-box-variant-context.js';
 import { i18nStrings } from './i18n.js';
+import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
 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';
 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';
 import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.js';

package/dist/esm/date-field/date-field.js

@@ -4,8 +4,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { DateField as DateField$1, DateInput as DateInput$1, DateSegment } from 'react-aria-components';
 import { dateInputStyles, composeTailwindRenderProps, composeRenderProps, dateSegmentStyles } from '@opengovsg/oui-theme';
-import { Label, Description, FieldError } from '../field/field.js';
 import { mapPropsVariants } from '../system/utils.js';
+import { Label, Description, FieldError } from '../field/field.js';
 
 function DateField(originalProps) {
   const [

package/dist/esm/date-picker/date-picker.js

@@ -4,14 +4,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { DatePicker as DatePicker$1, Dialog } from 'react-aria-components';
 import { datePickerStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
-import { Button } from '../button/button.js';
-import { Calendar as Calendar$1 } from '../calendar/calendar.js';
-import '@internationalized/date';
-import { DateInput } from '../date-field/date-field.js';
-import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
 import { Popover } from '../popover/popover.js';
 import { mapPropsVariants } from '../system/utils.js';
+import { DateInput } from '../date-field/date-field.js';
 import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/calendar.js';
+import { Calendar as Calendar$1 } from '../calendar/calendar.js';
+import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
+import { Button } from '../button/button.js';
 
 function DatePicker(originalProps) {
   const [

package/dist/esm/date-range-picker/date-range-picker.js

@@ -5,13 +5,13 @@ import { useMemo } from 'react';
 import { CalendarDate } from '@internationalized/date';
 import { DateRangePicker as DateRangePicker$1, Dialog } from 'react-aria-components';
 import { dateRangePickerStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
-import { Button } from '../button/button.js';
-import { DateInput } from '../date-field/date-field.js';
-import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
 import { Popover } from '../popover/popover.js';
 import { RangeCalendar } from '../range-calendar/range-calendar.js';
 import { mapPropsVariants } from '../system/utils.js';
 import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/calendar.js';
+import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
+import { DateInput } from '../date-field/date-field.js';
+import { Button } from '../button/button.js';
 
 function DateRangePicker(originalProps) {
   const [

package/dist/esm/file-dropzone/file-dropzone.js

@@ -7,13 +7,13 @@ import { useField, useId } from 'react-aria';
 import { Provider, LabelContext, GroupContext, TextContext, FieldErrorContext, Group } from 'react-aria-components';
 import { useDropzone } from 'react-dropzone';
 import { fileDropzoneStyles, dataAttr } from '@opengovsg/oui-theme';
-import { Label, Description, FieldError } from '../field/field.js';
-import { useControllableState } from '../hooks/use-controllable-state.js';
 import { mapPropsVariants } from '../system/utils.js';
 import { FileDropzoneStyleContext, FileDropzoneStateContext, useFileDropzoneStateContext, useFileDropzoneStyleContext } from './contexts.js';
 import { FileInfo } from './file-info.js';
 import { formatErrorMessage, formatBytes } from './utils.js';
+import { useControllableState } from '../hooks/use-controllable-state.js';
 import Upload from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/upload.js';
+import { Label, Description, FieldError } from '../field/field.js';
 
 const FileDropzone = (originalProps) => {
   const [props, variantProps] = mapPropsVariants(

package/dist/esm/file-dropzone/file-info.js

@@ -3,10 +3,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { fileInfoDropzoneStyles, cn } from '@opengovsg/oui-theme';
-import { Button } from '../button/button.js';
 import { useFileDropzoneStateContext, useFileDropzoneStyleContext } from './contexts.js';
 import { formatBytes } from './utils.js';
 import Trash2 from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/trash-2.js';
+import { Button } from '../button/button.js';
 
 const FileInfo = ({ file, imagePreview, classNames }) => {
   const {

package/dist/esm/index.js

@@ -1,8 +1,4 @@
 "use strict";
-export { useControllableState } from './hooks/use-controllable-state.js';
-export { useDraggable } from './hooks/use-draggable.js';
-export { Button } from './button/button.js';
-export { GovtBanner } from './govt-banner/govt-banner.js';
 export { Ripple } from './ripple/ripple.js';
 export { useRipple } from './ripple/use-ripple.js';
 export { Spinner } from './spinner/spinner.js';
@@ -11,41 +7,22 @@ export { Toggle } from './toggle/toggle.js';
 export { SkipNavLink } from './skip-nav-link/skip-nav-link.js';
 export { Input } from './input/input.js';
 export { TextField } from './text-field/text-field.js';
-export { Description, FieldError, FieldErrorIcon, FieldGroup, Label } from './field/field.js';
 export { TextArea } from './text-area/text-area.js';
 export { TextAreaField } from './text-area-field/text-area-field.js';
-export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
-export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
-export { ComboBoxItem } from './combo-box/combo-box-item.js';
-export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
-export { Banner } from './banner/banner.js';
 export { TagField } from './tag-field/tag-field.js';
 export { TagFieldItem } from './tag-field/tag-field-item.js';
 export { Select } from './select/select.js';
 export { SelectItem } from './select/select-item.js';
 export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
-export { Badge } from './badge/badge.js';
-export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
-export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
-export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
-export { CalendarDate } from '@internationalized/date';
 export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar/range-calendar.js';
 export { Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, MenuVariantContext, SubmenuTrigger, useMenuVariantContext } from './menu/menu.js';
 export { Popover } from './popover/popover.js';
 export { Tab, TabList, TabPanel, Tabs, TabsVariantContext, useTabsVariantContext } from './tabs/tabs.js';
-export { DateField, DateInput } from './date-field/date-field.js';
-export { DatePicker } from './date-picker/date-picker.js';
-export { DateRangePicker } from './date-range-picker/date-range-picker.js';
-export { Checkbox, CheckboxGroup } from './checkbox/checkbox.js';
-export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext } from './checkbox/checkbox-group-style-context.js';
 export { Pagination } from './pagination/pagination.js';
 export { PaginationCursor } from './pagination/pagination-cursor.js';
 export { PaginationItem } from './pagination/pagination-item.js';
 export { PaginationItemType } from './pagination/hooks/use-pagination.js';
 export { CURSOR_TRANSITION_TIMEOUT, usePagination } from './pagination/use-pagination.js';
-export { FileDropzone } from './file-dropzone/file-dropzone.js';
-export { FileInfo } from './file-dropzone/file-info.js';
-export { formatBytes, formatErrorMessage } from './file-dropzone/utils.js';
 export { NumberField } from './number-field/number-field.js';
 export { Modal } from './modal/modal.js';
 export { ModalContent } from './modal/modal-content.js';
@@ -64,13 +41,42 @@ export { NavbarItem } from './navbar/navbar-item.js';
 export { useNavbar } from './navbar/use-navbar.js';
 export { NavbarProvider, useNavbarContext } from './navbar/navbar-context.js';
 export { Avatar } from './avatar/index.js';
-export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionStyleContext, useAccordionStyleContext } from './accordion/accordion.js';
 export { TimeField } from './time-field/time-field.js';
 export { SearchField } from './search-field/search-field.js';
 export { Link } from './link/link.js';
-export { Breadcrumb, Breadcrumbs } from './breadcrumbs/breadcrumbs.js';
+export { Sidebar, generateSidebarItems } from './sidebar/sidebar.js';
+export { SidebarRoot } from './sidebar/sidebar-root.js';
+export { SidebarItem } from './sidebar/sidebar-item.js';
+export { SidebarList } from './sidebar/sidebar-list.js';
+export { SidebarHeader } from './sidebar/sidebar-header.js';
+export { Tooltip, TooltipTrigger } from './tooltip/tooltip.js';
+export { useControllableState } from './hooks/use-controllable-state.js';
+export { useDraggable } from './hooks/use-draggable.js';
+export { Button } from './button/button.js';
+export { GovtBanner } from './govt-banner/govt-banner.js';
+export { Description, FieldError, FieldErrorIcon, FieldGroup, Label } from './field/field.js';
+export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
+export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
+export { ComboBoxItem } from './combo-box/combo-box-item.js';
+export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
+export { Banner } from './banner/banner.js';
+export { Badge } from './badge/badge.js';
+export { CalendarDate } from '@internationalized/date';
+export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
+export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
+export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
+export { DateField, DateInput } from './date-field/date-field.js';
+export { DatePicker } from './date-picker/date-picker.js';
+export { DateRangePicker } from './date-range-picker/date-range-picker.js';
+export { Checkbox, CheckboxGroup } from './checkbox/checkbox.js';
+export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext } from './checkbox/checkbox-group-style-context.js';
+export { FileDropzone } from './file-dropzone/file-dropzone.js';
+export { FileInfo } from './file-dropzone/file-info.js';
+export { formatBytes, formatErrorMessage } from './file-dropzone/utils.js';
 export { toast } from 'sonner';
 export { AvatarContext, useAvatarContext } from './avatar/avatar-context.js';
 export { AvatarGroup } from './avatar/avatar-group.js';
 export { AvatarGroupProvider, useAvatarGroup } from './avatar/avatar-group-context.js';
 export { AvatarFallback, AvatarImage, AvatarRoot } from './avatar/avatar.js';
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionStyleContext, useAccordionStyleContext } from './accordion/accordion.js';
+export { Breadcrumb, Breadcrumbs } from './breadcrumbs/breadcrumbs.js';