@opengovsg/oui 0.0.28 → 0.0.29

package/dist/esm/node_modules/.pnpm/@react-aria_ssr@3.9.10_react@19.2.3/node_modules/@react-aria/ssr/dist/SSRProvider.js

@@ -0,0 +1,102 @@
+import $670gB$react, { useContext, useState, useRef } from 'react';
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ // We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is
+// guarded by a check that it only runs on the client side.
+// eslint-disable-next-line rulesdir/useLayoutEffectRule
+
+// Default context value to use in case there is no SSRProvider. This is fine for
+// client-only apps. In order to support multiple copies of React Aria potentially
+// being on the page at once, the prefix is set to a random number. SSRProvider
+// will reset this to zero for consistency between server and client, so in the
+// SSR case multiple copies of React Aria is not supported.
+const $b5e257d569688ac6$var$defaultContext = {
+    prefix: String(Math.round(Math.random() * 10000000000)),
+    current: 0
+};
+const $b5e257d569688ac6$var$SSRContext = /*#__PURE__*/ ($670gB$react).createContext($b5e257d569688ac6$var$defaultContext);
+const $b5e257d569688ac6$var$IsSSRContext = /*#__PURE__*/ ($670gB$react).createContext(false);
+let $b5e257d569688ac6$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
+let $b5e257d569688ac6$var$componentIds = new WeakMap();
+function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
+    let ctx = (useContext)($b5e257d569688ac6$var$SSRContext);
+    let ref = (useRef)(null);
+    // eslint-disable-next-line rulesdir/pure-render
+    if (ref.current === null && !isDisabled) {
+        var _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner, _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        // In strict mode, React renders components twice, and the ref will be reset to null on the second render.
+        // This means our id counter will be incremented twice instead of once. This is a problem because on the
+        // server, components are only rendered once and so ids generated on the server won't match the client.
+        // In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this
+        // we need to use some React internals to access the underlying Fiber instance, which is stable between renders.
+        // This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.
+        // To ensure that we only increment the global counter once, we store the starting id for this component in
+        // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.
+        // Since React runs the second render immediately after the first, this is safe.
+        // @ts-ignore
+        let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ($670gB$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === void 0 ? void 0 : (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner = _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner === void 0 ? void 0 : _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner.current;
+        if (currentOwner) {
+            let prevComponentValue = $b5e257d569688ac6$var$componentIds.get(currentOwner);
+            if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
+            $b5e257d569688ac6$var$componentIds.set(currentOwner, {
+                id: ctx.current,
+                state: currentOwner.memoizedState
+            });
+            else if (currentOwner.memoizedState !== prevComponentValue.state) {
+                // On the second render, the memoizedState gets reset by React.
+                // Reset the counter, and remove from the weak map so we don't
+                // do this for subsequent useId calls.
+                ctx.current = prevComponentValue.id;
+                $b5e257d569688ac6$var$componentIds.delete(currentOwner);
+            }
+        }
+        // eslint-disable-next-line rulesdir/pure-render
+        ref.current = ++ctx.current;
+    }
+    // eslint-disable-next-line rulesdir/pure-render
+    return ref.current;
+}
+function $b5e257d569688ac6$var$useLegacySSRSafeId(defaultId) {
+    let ctx = (useContext)($b5e257d569688ac6$var$SSRContext);
+    // If we are rendering in a non-DOM environment, and there's no SSRProvider,
+    // provide a warning to hint to the developer to add one.
+    if (ctx === $b5e257d569688ac6$var$defaultContext && !$b5e257d569688ac6$var$canUseDOM && process.env.NODE_ENV !== 'production') console.warn('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.');
+    let counter = $b5e257d569688ac6$var$useCounter(!!defaultId);
+    let prefix = ctx === $b5e257d569688ac6$var$defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
+    return defaultId || `${prefix}-${counter}`;
+}
+function $b5e257d569688ac6$var$useModernSSRSafeId(defaultId) {
+    let id = ($670gB$react).useId();
+    let [didSSR] = (useState)($b5e257d569688ac6$export$535bd6ca7f90a273());
+    let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
+    return defaultId || `${prefix}-${id}`;
+}
+typeof ($670gB$react)['useId'] === 'function' ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
+function $b5e257d569688ac6$var$getSnapshot() {
+    return false;
+}
+function $b5e257d569688ac6$var$getServerSnapshot() {
+    return true;
+}
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function $b5e257d569688ac6$var$subscribe(onStoreChange) {
+    // noop
+    return ()=>{};
+}
+function $b5e257d569688ac6$export$535bd6ca7f90a273() {
+    // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
+    if (typeof ($670gB$react)['useSyncExternalStore'] === 'function') return ($670gB$react)['useSyncExternalStore']($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    return (useContext)($b5e257d569688ac6$var$IsSSRContext);
+}
+
+export { $b5e257d569688ac6$export$535bd6ca7f90a273 as useIsSSR };

package/dist/esm/pagination/use-pagination-item.js

@@ -5,8 +5,8 @@ import { useFocusRing } from '@react-aria/focus';
 import { usePress, useHover } from '@react-aria/interactions';
 import { useRouter, mergeProps, chain, shouldClientNavigate } from '@react-aria/utils';
 import { cn, dataAttr } from '@opengovsg/oui-theme';
-import { filterDOMProps } from '../system/react-utils/filter-dom-props.js';
 import { useDomRef } from '../system/react-utils/refs.js';
+import { filterDOMProps } from '../system/react-utils/filter-dom-props.js';
 
 function usePaginationItem(props) {
   const {

package/dist/esm/select/select.js

@@ -4,11 +4,11 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { Provider, Select as Select$1, SelectValue, Virtualizer, ListLayout, ListBox } from 'react-aria-components';
 import { selectStyles, composeRenderProps } from '@opengovsg/oui-theme';
+import { Popover } from '../popover/popover.js';
 import { mapPropsVariants } from '../system/utils.js';
 import { SelectVariantContext } from './select-variant-context.js';
 import { Label, Description, FieldError } from '../field/field.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 { Popover } from '../popover/popover.js';
 import { Button } from '../button/button.js';
 
 const calculateEstimatedRowHeight = (size) => {

package/dist/esm/system/react-utils/children.js

@@ -0,0 +1,23 @@
+"use strict";
+import { Children, isValidElement } from 'react';
+
+function getValidChildren(children) {
+  return Children.toArray(children).filter(
+    (child) => isValidElement(child)
+  );
+}
+const pickChildren = (children, targetChild) => {
+  const target = [];
+  const withoutTargetChildren = Children.map(children, (item) => {
+    if (!isValidElement(item)) return item;
+    if (item.type === targetChild) {
+      target.push(item);
+      return null;
+    }
+    return item;
+  })?.filter(Boolean);
+  const targetChildren = target.length >= 0 ? target : void 0;
+  return [withoutTargetChildren, targetChildren];
+};
+
+export { getValidChildren, pickChildren };

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

@@ -5,6 +5,7 @@ import { createElement } from 'react';
 import { composeRenderProps } from 'react-aria-components';
 import { tagFieldStyles } from '@opengovsg/oui-theme';
 import { Input } from '../input/input.js';
+import { Popover } from '../popover/popover.js';
 import { TagFieldItem } from './tag-field-item.js';
 import { TagFieldList } from './tag-field-list.js';
 import { TagFieldRoot } from './tag-field-root.js';
@@ -12,7 +13,6 @@ import { TagFieldTagList } from './tag-field-tag-list.js';
 import { TagFieldTrigger } from './tag-field-trigger.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 { Label, FieldGroup, Description, FieldError } from '../field/field.js';
-import { Popover } from '../popover/popover.js';
 
 function TagField({
   classNames,

package/dist/esm/toast/toast.js

@@ -4,9 +4,9 @@ import { jsx } from 'react/jsx-runtime';
 import { Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
 import { toastStyles } from '@opengovsg/oui-theme';
+import { Spinner } from '../spinner/spinner.js';
 import { mapPropsVariants } from '../system/utils.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';
-import { Spinner } from '../spinner/spinner.js';
 
 function Toaster(originalProps) {
   const [{ toastOptions, closeButton = true, ...props }, variantProps] = mapPropsVariants(originalProps, toastStyles.variantKeys);

package/dist/types/index.d.mts

@@ -29,4 +29,5 @@ export * from "./file-dropzone";
 export * from "./number-field";
 export * from "./modal";
 export * from "./toast";
+export * from "./navbar";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts

@@ -29,4 +29,5 @@ export * from "./file-dropzone";
 export * from "./number-field";
 export * from "./modal";
 export * from "./toast";
+export * from "./navbar";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA"}

package/dist/types/navbar/index.d.ts

@@ -0,0 +1,17 @@
+export { Navbar } from "./navbar";
+export { NavbarBrand } from "./navbar-brand";
+export { NavbarContent } from "./navbar-content";
+export { NavbarMenu } from "./navbar-menu/menu";
+export { NavbarMenuItem } from "./navbar-menu/item";
+export { NavbarMenuToggle } from "./navbar-menu/toggle";
+export { NavbarItem } from "./navbar-item";
+export { useNavbar } from "./use-navbar";
+export { NavbarProvider, useNavbarContext } from "./navbar-context";
+export type { NavbarProps } from "./navbar";
+export type { NavbarBrandProps } from "./navbar-brand";
+export type { NavbarContentProps } from "./navbar-content";
+export type { NavbarMenuProps } from "./navbar-menu/menu";
+export type { NavbarMenuItemProps } from "./navbar-menu/item";
+export type { NavbarMenuToggleProps } from "./navbar-menu/toggle";
+export type { NavbarItemProps } from "./navbar-item";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/navbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEnE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAC7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AACjE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA"}

package/dist/types/navbar/navbar-brand.d.ts

@@ -0,0 +1,6 @@
+import type { HtmlUiProps } from "../system/types";
+export interface NavbarBrandProps extends HtmlUiProps<"div"> {
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare const NavbarBrand: import("../system/utils").InternalForwardRefRenderFunction<"div", NavbarBrandProps, never>;
+//# sourceMappingURL=navbar-brand.d.ts.map

package/dist/types/navbar/navbar-brand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-brand.d.ts","sourceRoot":"","sources":["../../../src/navbar/navbar-brand.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAKlD,MAAM,WAAW,gBAAiB,SAAQ,WAAW,CAAC,KAAK,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,eAAO,MAAM,WAAW,4FAiBtB,CAAA"}

package/dist/types/navbar/navbar-content.d.ts

@@ -0,0 +1,14 @@
+import type { HtmlUiProps } from "../system/types";
+export interface NavbarContentProps extends HtmlUiProps<"ul"> {
+    /**
+     * The content of the Navbar.Content. It is usually the `NavbarItem`,
+     */
+    children?: React.ReactNode | React.ReactNode[];
+    /**
+     * The justify of the content
+     * @default start
+     */
+    justify?: "start" | "end" | "center";
+}
+export declare const NavbarContent: import("../system/utils").InternalForwardRefRenderFunction<"div", NavbarContentProps, never>;
+//# sourceMappingURL=navbar-content.d.ts.map

package/dist/types/navbar/navbar-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-content.d.ts","sourceRoot":"","sources":["../../../src/navbar/navbar-content.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAKlD,MAAM,WAAW,kBAAmB,SAAQ,WAAW,CAAC,IAAI,CAAC;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC9C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;CACrC;AAED,eAAO,MAAM,aAAa,8FAsBzB,CAAA"}

package/dist/types/navbar/navbar-context.d.ts

@@ -0,0 +1,174 @@
+export declare const NavbarProvider: import("react").Context<{
+    Component: import("../system/types").As<any>;
+    slots: {
+        base: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        wrapper: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggle: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggleIcon: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        brand: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        item: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menu: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menuItem: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+    } & {
+        base: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        wrapper: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggle: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggleIcon: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        brand: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        item: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menu: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menuItem: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+    } & {};
+    domRef: import("react").RefObject<HTMLElement | null>;
+    height: string | number;
+    isMenuOpen: boolean;
+    classNames: import("@opengovsg/oui-theme").SlotsToClasses<"toggle" | "content" | "base" | "wrapper" | "item" | "brand" | "menu" | "menuItem" | "toggleIcon"> | undefined;
+    setIsMenuOpen: (value: boolean, ...args: any[]) => void;
+    menuRef: import("react").RefObject<HTMLButtonElement | null>;
+    getBaseProps: import("../system/types").PropGetter;
+    getWrapperProps: import("../system/types").PropGetter;
+    position: "static" | "sticky";
+}>, useNavbarContext: () => {
+    Component: import("../system/types").As<any>;
+    slots: {
+        base: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        wrapper: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggle: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggleIcon: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        brand: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        item: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menu: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menuItem: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+    } & {
+        base: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        wrapper: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggle: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggleIcon: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        brand: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        item: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menu: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menuItem: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+    } & {};
+    domRef: import("react").RefObject<HTMLElement | null>;
+    height: string | number;
+    isMenuOpen: boolean;
+    classNames: import("@opengovsg/oui-theme").SlotsToClasses<"toggle" | "content" | "base" | "wrapper" | "item" | "brand" | "menu" | "menuItem" | "toggleIcon"> | undefined;
+    setIsMenuOpen: (value: boolean, ...args: any[]) => void;
+    menuRef: import("react").RefObject<HTMLButtonElement | null>;
+    getBaseProps: import("../system/types").PropGetter;
+    getWrapperProps: import("../system/types").PropGetter;
+    position: "static" | "sticky";
+};
+//# sourceMappingURL=navbar-context.d.ts.map

package/dist/types/navbar/navbar-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-context.d.ts","sourceRoot":"","sources":["../../../src/navbar/navbar-context.ts"],"names":[],"mappings":"AAKA,eAAO,MAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM1C,CAAA"}

package/dist/types/navbar/navbar-item.d.ts

@@ -0,0 +1,11 @@
+import type { HtmlUiProps } from "../system/types";
+export interface NavbarItemProps extends HtmlUiProps<"li"> {
+    children?: React.ReactNode;
+    /**
+     * Whether the item is active or not.
+     * @default false
+     */
+    isActive?: boolean;
+}
+export declare const NavbarItem: import("../system/utils").InternalForwardRefRenderFunction<"div", NavbarItemProps, never>;
+//# sourceMappingURL=navbar-item.d.ts.map

package/dist/types/navbar/navbar-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-item.d.ts","sourceRoot":"","sources":["../../../src/navbar/navbar-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAKlD,MAAM,WAAW,eAAgB,SAAQ,WAAW,CAAC,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,2FAkBrB,CAAA"}

package/dist/types/navbar/navbar-menu/i18n.d.ts

@@ -0,0 +1,3 @@
+import type { LocalizedStrings } from "react-aria";
+export declare const i18nStrings: LocalizedStrings;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/types/navbar/navbar-menu/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../src/navbar/navbar-menu/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,WAAW,EAAE,gBAiBzB,CAAA"}

package/dist/types/navbar/navbar-menu/item.d.ts

@@ -0,0 +1,16 @@
+import type { ClassNameOrFunction } from "@opengovsg/oui-theme";
+import type { HtmlUiProps } from "../../system/types";
+export interface NavbarMenuItemRenderProps {
+    isActive: boolean;
+}
+export interface NavbarMenuItemProps extends Omit<HtmlUiProps<"li">, "className"> {
+    /**
+     * Whether the item is active or not.
+     * @default false
+     */
+    isActive?: boolean;
+    children?: React.ReactNode;
+    className?: ClassNameOrFunction<NavbarMenuItemRenderProps>;
+}
+export declare const NavbarMenuItem: import("../../system/utils").InternalForwardRefRenderFunction<"li", NavbarMenuItemProps, never>;
+//# sourceMappingURL=item.d.ts.map

package/dist/types/navbar/navbar-menu/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/navbar/navbar-menu/item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAG/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAKrD,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,CAAA;CAC3D;AAED,eAAO,MAAM,cAAc,iGAgC1B,CAAA"}

package/dist/types/navbar/navbar-menu/menu.d.ts

@@ -0,0 +1,11 @@
+import type { HtmlUiProps } from "../../system/types";
+export interface NavbarMenuProps extends HtmlUiProps<"ul"> {
+    children?: React.ReactNode;
+    /**
+     * The container element in which the navbar menu overlay portal will be placed.
+     * @default below the navbar element
+     */
+    portalContainer?: Element;
+}
+export declare const NavbarMenu: import("../../system/utils").InternalForwardRefRenderFunction<"ul", NavbarMenuProps, never>;
+//# sourceMappingURL=menu.d.ts.map

package/dist/types/navbar/navbar-menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/navbar/navbar-menu/menu.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAKrD,MAAM,WAAW,eAAgB,SAAQ,WAAW,CAAC,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,eAAO,MAAM,UAAU,6FAqDtB,CAAA"}

package/dist/types/navbar/navbar-menu/toggle.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import type { ToggleButtonProps } from "react-aria-components";
+import type { ButtonVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+export interface NavbarMenuToggleProps extends ToggleButtonProps, Pick<ButtonVariantProps, "size" | "radius" | "isIconOnly"> {
+    /**
+     * The icon to display.
+     */
+    icon?: ReactNode | ((isOpen: boolean) => ReactNode) | null;
+    classNames?: SlotsToClasses<"toggle" | "toggleIcon">;
+}
+export declare const NavbarMenuToggle: ({ icon, className, onChange, classNames, size, radius, isIconOnly, ...props }: NavbarMenuToggleProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toggle.d.ts.map

package/dist/types/navbar/navbar-menu/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/navbar/navbar-menu/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAK9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAM9E,MAAM,WAAW,qBACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC5D;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC,GAAG,IAAI,CAAA;IAC1D,UAAU,CAAC,EAAE,cAAc,CAAC,QAAQ,GAAG,YAAY,CAAC,CAAA;CACrD;AAED,eAAO,MAAM,gBAAgB,kFAS1B,qBAAqB,4CAiFvB,CAAA"}

package/dist/types/navbar/navbar.d.ts

@@ -0,0 +1,6 @@
+import type { UseNavbarProps } from "./use-navbar";
+export interface NavbarProps extends UseNavbarProps {
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare const Navbar: import("../system/utils").InternalForwardRefRenderFunction<"div", NavbarProps, never>;
+//# sourceMappingURL=navbar.d.ts.map

package/dist/types/navbar/navbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/navbar/navbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAOlD,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,eAAO,MAAM,MAAM,uFAuBjB,CAAA"}