@opengovsg/oui 0.0.54 → 0.0.56

package/AGENTS.md

@@ -0,0 +1,63 @@
+# @opengovsg/oui — Agent guide
+
+This is the React component package of the OUI design system from Open Government Products Singapore. Components are built on [react-aria-components](https://react-aria.adobe.com/).
+
+## Install
+
+```bash
+# pnpm
+pnpm add @opengovsg/oui @opengovsg/oui-theme tailwindcss react-aria-components motion
+
+# yarn
+yarn add @opengovsg/oui @opengovsg/oui-theme tailwindcss react-aria-components motion
+
+# npm
+npm install @opengovsg/oui @opengovsg/oui-theme tailwindcss react-aria-components motion
+
+# bun
+bun add @opengovsg/oui @opengovsg/oui-theme tailwindcss react-aria-components motion
+```
+
+Then add `@import "@opengovsg/oui-theme/tailwind.css"` to your Tailwind entrypoint. Full setup: https://oui.open.gov.sg/docs/getting-started/installation
+
+## Or install as local source via the shadcn CLI
+
+Each component is also distributed as a shadcn-CLI-compatible registry entry, so callers who need to customize beyond what props expose can take local ownership:
+
+```bash
+npx shadcn@latest add https://oui.open.gov.sg/r/<name>.json
+```
+
+Component files land in `components/oui/`, shared utilities in `lib/oui/`. From that point on, the file is yours — we don't push updates to it. Full guide: https://oui.open.gov.sg/llm/getting-started/registry.md
+
+## Import
+
+```tsx
+import { Accordion, Button, TextField } from "@opengovsg/oui"
+```
+
+Subpath imports also work (e.g., `import { Button } from "@opengovsg/oui/button"`).
+
+## Agent-friendly docs
+
+Structured markdown is available at predictable URLs:
+
+- **Index**: https://oui.open.gov.sg/llms.txt — list of every component with one-line descriptions
+- **Single-file dump**: https://oui.open.gov.sg/llms-full.txt — all docs concatenated
+- **Per-component**: `https://oui.open.gov.sg/llm/components/<name>.md` — e.g. `/llm/components/button.md`
+- **Setup guides**: `https://oui.open.gov.sg/llm/getting-started/<name>.md` — e.g. `/llm/getting-started/next.md`
+- **Topical guides**: `https://oui.open.gov.sg/llm/guides/<name>.md`
+
+Each component doc inlines runnable example source and links to the underlying React Aria primitive — consult those upstream docs for behavioral details (keyboard handling, ARIA semantics, advanced state) not covered by OUI's own docs.
+
+## Cross-cutting guides
+
+- **Forms**: https://oui.open.gov.sg/llm/guides/forms.md — composition with `<Form>`, validation patterns, React Hook Form + Zod integration, server errors, layout conventions.
+
+## Contributing to docs
+
+If you're editing component docs, follow the rubric: https://oui.open.gov.sg/llm/contributing/doc-quality-rubric.md
+
+## Types
+
+Prop types ship as `.d.ts` files in `dist/types/`. TypeScript-aware tooling resolves them automatically.

package/dist/cjs/avatar/avatar.cjs

@@ -9,7 +9,7 @@ var ouiTheme = require('@opengovsg/oui-theme');
 var utils = require('../system/utils.cjs');
 var avatarContext = require('./avatar-context.cjs');
 var avatarGroupContext = require('./avatar-group-context.cjs');
-var useImgLoadingStatus = require('./hooks/use-img-loading-status.cjs');
+var useImgLoadingStatus = require('./use-img-loading-status.cjs');
 var utils$1 = require('./utils.cjs');
 var refs = require('../system/react-utils/refs.cjs');
 var user = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/user.cjs');

package/dist/cjs/button/button.cjs

@@ -32,6 +32,7 @@ const Button = $670gB$react.forwardRef(
     spinner: spinnerProp,
     isIconOnly,
     isAttached,
+    preserveWidth,
     ...props
   }, ref) => {
     const {
@@ -52,6 +53,7 @@ const Button = $670gB$react.forwardRef(
       const spinnerSize = buttonSpinnerSizeMap[size];
       return /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { size: spinnerSize });
     }, [size, spinnerProp]);
+    const shouldPreserveWidth = isPending && preserveWidth && !loadingText && !pendingElement;
     return /* @__PURE__ */ jsxRuntime.jsx(
       reactAriaComponents.Button,
       {
@@ -75,11 +77,14 @@ const Button = $670gB$react.forwardRef(
         ref,
         children: (renderProps) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           children.renderChildren(renderProps, startContent),
-          isPending && spinnerPlacement === "start" ? children.renderChildren(renderProps, spinner$1) : null,
-          isPending ? null : children.renderChildren(renderProps, children$1),
+          isPending && !shouldPreserveWidth && spinnerPlacement === "start" ? children.renderChildren(renderProps, spinner$1) : null,
+          !isPending ? children.renderChildren(renderProps, children$1) : shouldPreserveWidth ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex items-center justify-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "opacity-0", children: children.renderChildren(renderProps, children$1) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: children.renderChildren(renderProps, spinner$1) })
+          ] }) : null,
           isPending && loadingText ? loadingText : null,
           isPending && pendingElement ? children.renderChildren(renderProps, pendingElement) : null,
-          isPending && spinnerPlacement === "end" ? children.renderChildren(renderProps, spinner$1) : null,
+          isPending && !shouldPreserveWidth && spinnerPlacement === "end" ? children.renderChildren(renderProps, spinner$1) : null,
           children.renderChildren(renderProps, endContent),
           !disableRipple && /* @__PURE__ */ jsxRuntime.jsx(ripple.Ripple, { onClear: onClearRipple, ripples })
         ] })

package/dist/cjs/calendar/calendar-month-day-selector.cjs

@@ -12,7 +12,7 @@ var selectItem = require('../select/select-item.cjs');
 var agnosticCalendarStateContext = require('./agnostic-calendar-state-context.cjs');
 var calendarStyleContext = require('./calendar-style-context.cjs');
 var i18n = require('./i18n.cjs');
-var useCalendarSelectors = require('./hooks/use-calendar-selectors.cjs');
+var useCalendarSelectors = require('./use-calendar-selectors.cjs');
 
 const CalendarMonthDaySelector = () => {
   const { slots, size, classNames } = calendarStyleContext.useCalendarStyleContext();

package/dist/cjs/calendar/index.cjs

@@ -1,15 +1,24 @@
 "use strict";
 'use strict';
 
+var agnosticCalendarStateContext = require('./agnostic-calendar-state-context.cjs');
 var calendar = require('./calendar.cjs');
+var calendarBottomContent = require('./calendar-bottom-content.cjs');
+var calendarGridHeader = require('./calendar-grid-header.cjs');
+var calendarHeader = require('./calendar-header.cjs');
 var calendarStyleContext = require('./calendar-style-context.cjs');
 var utils = require('./utils.cjs');
 var date = require('@internationalized/date');
 
 
 
+exports.AgnosticCalendarStateContext = agnosticCalendarStateContext.AgnosticCalendarStateContext;
+exports.useAgnosticCalendarStateContext = agnosticCalendarStateContext.useAgnosticCalendarStateContext;
 exports.Calendar = calendar.Calendar;
 exports.CalendarStateWrapper = calendar.CalendarStateWrapper;
+exports.CalendarBottomContent = calendarBottomContent.CalendarBottomContent;
+exports.CalendarGridHeader = calendarGridHeader.CalendarGridHeader;
+exports.CalendarHeader = calendarHeader.CalendarHeader;
 exports.CalendarStyleContext = calendarStyleContext.CalendarStyleContext;
 exports.useCalendarStyleContext = calendarStyleContext.useCalendarStyleContext;
 exports.getEraFormat = utils.getEraFormat;

package/dist/cjs/calendar/{hooks/use-calendar-selectors.cjs → use-calendar-selectors.cjs}

@@ -4,7 +4,7 @@
 
 var $670gB$react = require('react');
 var reactAria = require('react-aria');
-var utils = require('../utils.cjs');
+var utils = require('./utils.cjs');
 
 const useCalendarSelectors = (state) => {
   const yearRange = $670gB$react.useMemo(() => {

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

@@ -3,9 +3,8 @@
 '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 listBox = require('../list-box/list-box.cjs');
 var utils = require('../system/utils.cjs');
 var comboBoxVariantContext = require('./combo-box-variant-context.cjs');
 
@@ -15,56 +14,7 @@ const ComboBoxItem = utils.forwardRef(function ComboBoxItem2(originalProps, ref)
     ref,
     comboBoxVariantContext.ComboBoxVariantContext
   );
-  const [
-    { className, description, children, classNames, ...props },
-    variantProps
-  ] = utils.mapPropsVariants(originalProps, ouiTheme.listBoxItemStyles.variantKeys);
-  const styles = ouiTheme.listBoxItemStyles(variantProps);
-  const defaultTextValue = $670gB$react.useMemo(() => {
-    if (props.textValue) {
-      return props.textValue;
-    }
-    if (typeof children === "string") {
-      return children;
-    }
-    return void 0;
-  }, [children, props.textValue]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.ListBoxItem,
-    {
-      textValue: defaultTextValue,
-      ...props,
-      className: reactAriaComponents.composeRenderProps(
-        className ?? classNames?.container,
-        (className2, renderProps) => styles.container({ ...renderProps, className: className2 })
-      ),
-      children: (renderProps) => {
-        if (typeof children === "function") {
-          return children(renderProps);
-        }
-        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            reactAriaComponents.Text,
-            {
-              className: styles.label({ className: classNames?.label }),
-              slot: "label",
-              children
-            }
-          ),
-          description && /* @__PURE__ */ jsxRuntime.jsx(
-            reactAriaComponents.Text,
-            {
-              className: styles.description({
-                className: classNames?.description
-              }),
-              slot: "description",
-              children: description
-            }
-          )
-        ] });
-      }
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx(listBox.ListBoxItem, { ref, ...originalProps });
 });
 
 exports.ComboBoxItem = ComboBoxItem;

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

@@ -3,11 +3,11 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var reactDropzone = require('react-dropzone');
 var $670gB$react = require('react');
 var form = require('@react-stately/form');
 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');
@@ -90,7 +90,11 @@ const FileDropzone = (originalProps) => {
     (file) => {
       const errors = [];
       if (maxFileSizeByType.length > 0) {
-        const limit = utils$1.resolveMaxFileSize(file.type, maxFileSizeByType, maxFileSize);
+        const limit = utils$1.resolveMaxFileSize(
+          file.type,
+          maxFileSizeByType,
+          maxFileSize
+        );
         if (limit !== Number.POSITIVE_INFINITY && file.size > limit) {
           errors.push({
             code: reactDropzone.ErrorCode.FileTooLarge,
@@ -198,7 +202,14 @@ const FileDropzone = (originalProps) => {
       return `Minimum file size: ${utils$1.formatBytes(minFileSize, 2, fileSizeBase)}`;
     }
     return null;
-  }, [maxFileSize, maxFileSizeByType, minFileSize, showFileSizeText, fileSizeBase, fileSizeTextOverride]);
+  }, [
+    maxFileSize,
+    maxFileSizeByType,
+    minFileSize,
+    showFileSizeText,
+    fileSizeBase,
+    fileSizeTextOverride
+  ]);
   const triggerFileSelector = $670gB$react.useCallback(() => {
     if (isDisabled || isReadOnly) return;
     dropzoneState.inputRef.current?.click();

package/dist/cjs/govt-banner/govt-banner.cjs

@@ -46,7 +46,7 @@ function GovtBanner({
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "svg",
                 {
-                  className: slots.crest({ className: classNames?.crest }),
+                  className: slots.crest(),
                   version: "1.1",
                   viewBox: "0 0 32 32",
                   xmlns: "http://www.w3.org/2000/svg",
@@ -60,163 +60,83 @@ function GovtBanner({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: slots.mainContent({ className: classNames?.mainContent }),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "A Singapore Government Agency Website" }),
-                    environment ? /* @__PURE__ */ jsxRuntime.jsxs("b", { children: [
-                      "[NOTE: THIS IS A ",
-                      environment.toUpperCase(),
-                      " WEBSITE]"
-                    ] }) : null,
-                    /* @__PURE__ */ jsxRuntime.jsxs(
-                      "button",
-                      {
-                        className: slots.identifyButton({
-                          className: classNames?.identifyButton
-                        }),
-                        "data-focus-visible": ouiTheme.dataAttr(isFocusVisible),
-                        ref: triggerRef,
-                        type: "button",
-                        ...reactAria.mergeProps(buttonProps, focusProps),
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: slots.link({ className: classNames?.link }), children: "How to identify" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            chevronDown.default,
-                            {
-                              className: slots.chevron({ className: classNames?.chevron })
-                            }
-                          )
-                        ]
-                      }
-                    )
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: panelRef, ...panelProps, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: slots.panel({ className: classNames?.panel }), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: slots.panelGroup({
-                className: classNames?.panelGroup
-              }),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  landmark.default,
-                  {
-                    className: slots.panelIcon({ className: classNames?.panelIcon })
-                  }
-                ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: slots.mainContent(), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "A Singapore Government Agency Website" }),
+                environment ? /* @__PURE__ */ jsxRuntime.jsxs("b", { children: [
+                  "[NOTE: THIS IS A ",
+                  environment.toUpperCase(),
+                  " WEBSITE]"
+                ] }) : null,
                 /* @__PURE__ */ jsxRuntime.jsxs(
-                  "div",
+                  "button",
                   {
-                    className: slots.panelSection({
-                      className: classNames?.panelSection
-                    }),
+                    className: slots.identifyButton(),
+                    "data-focus-visible": ouiTheme.dataAttr(isFocusVisible),
+                    ref: triggerRef,
+                    type: "button",
+                    ...reactAria.mergeProps(buttonProps, focusProps),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "div",
-                        {
-                          className: slots.panelHeader({
-                            className: classNames?.panelHeader
-                          }),
-                          children: "Official website links end with .gov.sg"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsxs("article", { children: [
-                        "Government agencies communicate via ",
-                        /* @__PURE__ */ jsxRuntime.jsx("b", { children: ".gov.sg" }),
-                        " websites (e.g. go.gov.sg/open).",
-                        " ",
-                        /* @__PURE__ */ jsxRuntime.jsxs(
-                          "a",
-                          {
-                            className: slots.link({ className: classNames?.link }),
-                            href: "https://www.gov.sg/trusted-sites#govsites",
-                            rel: "noreferrer",
-                            target: "_blank",
-                            children: [
-                              "Trusted websites",
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                externalLink.default,
-                                {
-                                  "aria-hidden": true,
-                                  className: slots.inlineIcon({
-                                    className: ouiTheme.twMerge("ml-0.5", classNames?.inlineIcon)
-                                  })
-                                }
-                              )
-                            ]
-                          }
-                        )
-                      ] })
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: slots.link(), children: "How to identify" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(chevronDown.default, { className: slots.chevron() })
                     ]
                   }
                 )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: slots.panelGroup({
-                className: classNames?.panelGroup
-              }),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  lock.default,
-                  {
-                    className: slots.panelIcon({ className: classNames?.panelIcon })
-                  }
-                ),
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: panelRef, ...panelProps, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: slots.panel(), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: slots.panelGroup(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(landmark.default, { className: slots.panelIcon() }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: slots.panelSection(), children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: slots.panelHeader(), children: "Official website links end with .gov.sg" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("article", { children: [
+                "Government agencies communicate via ",
+                /* @__PURE__ */ jsxRuntime.jsx("b", { children: ".gov.sg" }),
+                " websites (e.g. go.gov.sg/open).",
+                " ",
                 /* @__PURE__ */ jsxRuntime.jsxs(
-                  "div",
+                  "a",
                   {
-                    className: slots.panelSection({
-                      className: classNames?.panelSection
-                    }),
+                    className: slots.link(),
+                    href: "https://www.gov.sg/trusted-sites#govsites",
+                    rel: "noreferrer",
+                    target: "_blank",
                     children: [
+                      "Trusted websites",
                       /* @__PURE__ */ jsxRuntime.jsx(
-                        "p",
+                        externalLink.default,
                         {
-                          className: slots.panelHeader({
-                            className: classNames?.panelHeader
-                          }),
-                          children: "Secure websites use HTTPS"
+                          "aria-hidden": true,
+                          className: slots.inlineIcon({ className: "ml-0.5" })
                         }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsxs("article", { children: [
-                        "Look for a ",
-                        /* @__PURE__ */ jsxRuntime.jsx("b", { children: "lock" }),
-                        " ",
-                        /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": true, children: [
-                          "(",
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            lock.default,
-                            {
-                              className: slots.inlineIcon({
-                                className: classNames?.inlineIcon
-                              })
-                            }
-                          ),
-                          ")"
-                        ] }),
-                        " ",
-                        "or ",
-                        /* @__PURE__ */ jsxRuntime.jsx("b", { children: "https://" }),
-                        " as an added precaution. Share sensitive information only on official, secure websites."
-                      ] })
+                      )
                     ]
                   }
                 )
-              ]
-            }
-          )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: slots.panelGroup(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lock.default, { className: slots.panelIcon() }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: slots.panelSection(), children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: slots.panelHeader(), children: "Secure websites use HTTPS" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("article", { children: [
+                "Look for a ",
+                /* @__PURE__ */ jsxRuntime.jsx("b", { children: "lock" }),
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": true, children: [
+                  "(",
+                  /* @__PURE__ */ jsxRuntime.jsx(lock.default, { className: slots.inlineIcon() }),
+                  ")"
+                ] }),
+                " ",
+                "or ",
+                /* @__PURE__ */ jsxRuntime.jsx("b", { children: "https://" }),
+                " as an added precaution. Share sensitive information only on official, secure websites."
+              ] })
+            ] })
+          ] })
         ] }) })
       ]
     }

package/dist/cjs/hooks/use-scroll-position.cjs

@@ -12,19 +12,19 @@ function getScrollPosition(element) {
   return { x: element.scrollLeft, y: element.scrollTop };
 }
 const useScrollPosition = (props) => {
-  const { elementRef, delay = 30, callback, isEnabled } = props;
+  const { element, delay = 30, callback, isEnabled } = props;
   const position = $670gB$react.useRef(
-    isEnabled ? getScrollPosition(elementRef?.current) : { x: 0, y: 0 }
+    isEnabled ? getScrollPosition(element) : { x: 0, y: 0 }
   );
   const throttleTimeout = $670gB$react.useRef(null);
   const handler = $670gB$react.useCallback(() => {
-    const currPos = getScrollPosition(elementRef?.current);
+    const currPos = getScrollPosition(element);
     if (typeof callback === "function") {
       callback({ prevPos: position.current, currPos });
     }
     position.current = currPos;
     throttleTimeout.current = null;
-  }, [callback, elementRef]);
+  }, [callback, element]);
   $670gB$react.useEffect(() => {
     if (!isEnabled) return;
     const handleScroll = () => {
@@ -37,7 +37,7 @@ const useScrollPosition = (props) => {
         handler();
       }
     };
-    const target = elementRef?.current || window;
+    const target = element || window;
     target.addEventListener("scroll", handleScroll);
     return () => {
       target.removeEventListener("scroll", handleScroll);
@@ -46,7 +46,7 @@ const useScrollPosition = (props) => {
         throttleTimeout.current = null;
       }
     };
-  }, [elementRef?.current, delay, handler, isEnabled]);
+  }, [element, delay, handler, isEnabled]);
   return position.current;
 };
 

package/dist/cjs/index.cjs

@@ -9,7 +9,7 @@ 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$1 = require('./toggle/toggle.cjs');
+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');
@@ -27,11 +27,16 @@ 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 agnosticCalendarStateContext = require('./calendar/agnostic-calendar-state-context.cjs');
 var calendar = require('./calendar/calendar.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 calendarStyleContext = require('./calendar/calendar-style-context.cjs');
 var utils$1 = require('./calendar/utils.cjs');
 var date = require('@internationalized/date');
 var rangeCalendar = require('./range-calendar/range-calendar.cjs');
+var listBox = require('./list-box/list-box.cjs');
 var menu = require('./menu/menu.cjs');
 var popover = require('./popover/popover.cjs');
 var tabs = require('./tabs/tabs.cjs');
@@ -43,7 +48,7 @@ var checkboxGroupStyleContext = require('./checkbox/checkbox-group-style-context
 var pagination = require('./pagination/pagination.cjs');
 var paginationCursor = require('./pagination/pagination-cursor.cjs');
 var paginationItem = require('./pagination/pagination-item.cjs');
-var usePagination$1 = require('./pagination/hooks/use-pagination.cjs');
+var usePaginationBase = require('./pagination/use-pagination-base.cjs');
 var usePagination = require('./pagination/use-pagination.cjs');
 var fileDropzone = require('./file-dropzone/file-dropzone.cjs');
 var fileInfo = require('./file-dropzone/file-info.cjs');
@@ -59,9 +64,9 @@ var toast = require('./toast/toast.cjs');
 var navbar = require('./navbar/navbar.cjs');
 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 = require('./navbar/navbar-menu/toggle.cjs');
+var navbarMenu = require('./navbar/navbar-menu.cjs');
+var navbarMenuItem = require('./navbar/navbar-menu-item.cjs');
+var navbarMenuToggle = 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');
@@ -97,7 +102,7 @@ exports.Ripple = ripple.Ripple;
 exports.useRipple = useRipple.useRipple;
 exports.Spinner = spinner.Spinner;
 exports.useSpinner = useSpinner.useSpinner;
-exports.Toggle = toggle$1.Toggle;
+exports.Toggle = toggle.Toggle;
 exports.SkipNavLink = skipNavLink.SkipNavLink;
 exports.Input = input.Input;
 exports.TextField = textField.TextField;
@@ -122,8 +127,13 @@ exports.SelectItem = selectItem.SelectItem;
 exports.SelectVariantContext = selectVariantContext.SelectVariantContext;
 exports.useSelectVariantContext = selectVariantContext.useSelectVariantContext;
 exports.Badge = badge.Badge;
+exports.AgnosticCalendarStateContext = agnosticCalendarStateContext.AgnosticCalendarStateContext;
+exports.useAgnosticCalendarStateContext = agnosticCalendarStateContext.useAgnosticCalendarStateContext;
 exports.Calendar = calendar.Calendar;
 exports.CalendarStateWrapper = calendar.CalendarStateWrapper;
+exports.CalendarBottomContent = calendarBottomContent.CalendarBottomContent;
+exports.CalendarGridHeader = calendarGridHeader.CalendarGridHeader;
+exports.CalendarHeader = calendarHeader.CalendarHeader;
 exports.CalendarStyleContext = calendarStyleContext.CalendarStyleContext;
 exports.useCalendarStyleContext = calendarStyleContext.useCalendarStyleContext;
 exports.getEraFormat = utils$1.getEraFormat;
@@ -137,6 +147,7 @@ Object.defineProperty(exports, "CalendarDate", {
 exports.RangeCalendar = rangeCalendar.RangeCalendar;
 exports.RangeCalendarCell = rangeCalendar.RangeCalendarCell;
 exports.RangeCalendarStateWrapper = rangeCalendar.RangeCalendarStateWrapper;
+exports.ListBoxItem = listBox.ListBoxItem;
 exports.Menu = menu.Menu;
 exports.MenuItem = menu.MenuItem;
 exports.MenuSection = menu.MenuSection;
@@ -164,7 +175,7 @@ exports.useCheckboxGroupStyleContext = checkboxGroupStyleContext.useCheckboxGrou
 exports.Pagination = pagination.Pagination;
 exports.PaginationCursor = paginationCursor.PaginationCursor;
 exports.PaginationItem = paginationItem.PaginationItem;
-exports.PaginationItemType = usePagination$1.PaginationItemType;
+exports.PaginationItemType = usePaginationBase.PaginationItemType;
 exports.CURSOR_TRANSITION_TIMEOUT = usePagination.CURSOR_TRANSITION_TIMEOUT;
 exports.usePagination = usePagination.usePagination;
 exports.FileDropzone = fileDropzone.FileDropzone;
@@ -183,9 +194,9 @@ exports.Toaster = toast.Toaster;
 exports.Navbar = navbar.Navbar;
 exports.NavbarBrand = navbarBrand.NavbarBrand;
 exports.NavbarContent = navbarContent.NavbarContent;
-exports.NavbarMenu = menu$1.NavbarMenu;
-exports.NavbarMenuItem = item.NavbarMenuItem;
-exports.NavbarMenuToggle = toggle.NavbarMenuToggle;
+exports.NavbarMenu = navbarMenu.NavbarMenu;
+exports.NavbarMenuItem = navbarMenuItem.NavbarMenuItem;
+exports.NavbarMenuToggle = navbarMenuToggle.NavbarMenuToggle;
 exports.NavbarItem = navbarItem.NavbarItem;
 exports.useNavbar = useNavbar.useNavbar;
 exports.NavbarProvider = navbarContext.NavbarProvider;

package/dist/cjs/list-box/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+'use strict';
+
+var listBox = require('./list-box.cjs');
+
+
+
+exports.ListBoxItem = listBox.ListBoxItem;