@opengovsg/oui 0.0.58 → 0.0.59

package/dist/cjs/avatar/avatar-group.cjs

@@ -50,7 +50,7 @@ const AvatarGroup = utils.forwardRef((props, ref) => {
     remainingCount,
     renderCount
   ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...getAvatarGroupProps(), children: /* @__PURE__ */ jsxRuntime.jsxs(avatarGroupContext.AvatarGroupProvider, { value: context, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...getAvatarGroupProps(), children: /* @__PURE__ */ jsxRuntime.jsxs(avatarGroupContext.AvatarGroupProvider.Provider, { value: context, children: [
     clones,
     renderedCount
   ] }) });

package/dist/cjs/avatar/avatar.cjs

@@ -48,7 +48,7 @@ const AvatarRoot = utils.forwardRef(
     const [imageLoadingStatus, setImageLoadingStatus] = $670gB$react.useState("idle");
     const Component = as || "span";
     return /* @__PURE__ */ jsxRuntime.jsx(
-      avatarContext.AvatarContext,
+      avatarContext.AvatarContext.Provider,
       {
         value: {
           imageLoadingStatus,

package/dist/cjs/menu/menu.cjs

@@ -26,12 +26,40 @@ function MenuInner(originalProps, ref) {
     originalProps,
     ouiTheme.menuStyles.variantKeys
   );
-  const { className, classNames, placement, ...rest } = props;
+  const {
+    className,
+    classNames,
+    placement,
+    boundaryElement,
+    scrollRef,
+    shouldFlip,
+    maxHeight,
+    containerPadding,
+    offset,
+    crossOffset,
+    shouldUpdatePosition,
+    arrowBoundaryOffset,
+    triggerRef,
+    ...rest
+  } = props;
+  const popoverProps = {
+    placement,
+    boundaryElement,
+    scrollRef,
+    shouldFlip,
+    maxHeight,
+    containerPadding,
+    offset,
+    crossOffset,
+    shouldUpdatePosition,
+    arrowBoundaryOffset,
+    triggerRef
+  };
   const styles = ouiTheme.menuStyles(variantProps);
   return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Provider, { values: [[MenuVariantContext, variantProps]], children: /* @__PURE__ */ jsxRuntime.jsx(
     popover.Popover,
     {
-      placement,
+      ...popoverProps,
       className: styles.popover({ className: classNames?.popover }),
       children: /* @__PURE__ */ jsxRuntime.jsx(
         reactAriaComponents.Menu,

package/dist/cjs/navbar/navbar.cjs

@@ -34,7 +34,7 @@ const Navbar = utils.forwardRef((props, ref) => {
     /* @__PURE__ */ jsxRuntime.jsx("header", { ...context.getWrapperProps(), children: childrenWithoutMenu }),
     menu
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(navbarContext.NavbarProvider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx(reactAria.FocusScope, { contain: context.isMenuOpen, children: context.shouldShowOnScrollUp ? /* @__PURE__ */ jsxRuntime.jsx(react.LazyMotion, { features: react.domAnimation, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(navbarContext.NavbarProvider.Provider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx(reactAria.FocusScope, { contain: context.isMenuOpen, children: context.shouldShowOnScrollUp ? /* @__PURE__ */ jsxRuntime.jsx(react.LazyMotion, { features: react.domAnimation, children: /* @__PURE__ */ jsxRuntime.jsx(
     react.m.nav,
     {
       animate: context.isNavbarHidden ? "hidden" : "visible",

package/dist/cjs/popover/popover.cjs

@@ -3,52 +3,9 @@
 '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');
 
-const REFLOW_INTERVAL_MS = 50;
-const REFLOW_MAX_ATTEMPTS = 20;
-const useReflowOnContentChange = () => {
-  const cleanupRef = $670gB$react.useRef(null);
-  return $670gB$react.useCallback((el) => {
-    cleanupRef.current?.();
-    cleanupRef.current = null;
-    if (!el) return;
-    let timer = 0;
-    let attempts = 0;
-    let observer = null;
-    const settle = () => {
-      observer?.disconnect();
-      observer = null;
-    };
-    const poll = () => {
-      if (el.offsetHeight > 0) return settle();
-      window.dispatchEvent(new Event("resize"));
-      attempts += 1;
-      if (el.offsetHeight > 0) return settle();
-      if (attempts >= REFLOW_MAX_ATTEMPTS) return;
-      timer = window.setTimeout(poll, REFLOW_INTERVAL_MS);
-    };
-    const start = () => {
-      clearTimeout(timer);
-      attempts = 0;
-      timer = window.setTimeout(poll, 0);
-    };
-    start();
-    observer = new MutationObserver(start);
-    observer.observe(el, {
-      childList: true,
-      subtree: true,
-      characterData: true
-    });
-    cleanupRef.current = () => {
-      clearTimeout(timer);
-      observer?.disconnect();
-      observer = null;
-    };
-  }, []);
-};
 const Popover = ({
   children,
   showArrow,
@@ -60,32 +17,33 @@ const Popover = ({
   const isSubmenu = popoverContext?.trigger === "SubmenuTrigger";
   let offset = showArrow ? 12 : 8;
   offset = isSubmenu ? offset - 6 : offset;
-  const reflowRef = useReflowOnContentChange();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    reactAriaComponents.Popover,
-    {
-      ref: reflowRef,
-      offset,
-      ...props,
-      className: reactAriaComponents.composeRenderProps(
-        className ?? classNames?.base,
-        (className2, renderProps) => ouiTheme.popoverStyles({ ...renderProps, className: className2 })
-      ),
-      children: [
-        showArrow && /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.OverlayArrow, { className: "group", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            width: 12,
-            height: 12,
-            viewBox: "0 0 12 12",
-            className: ouiTheme.popoverArrowStyles({ className: classNames?.arrow }),
-            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0 L6 6 L12 0" })
-          }
-        ) }),
-        children
-      ]
-    }
+  const wrapperClassName = reactAriaComponents.composeRenderProps(
+    className ?? classNames?.base,
+    (className2) => ouiTheme.popoverStyles({ className: className2 })
   );
+  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Popover, { offset, ...props, className: ouiTheme.popoverOverlayStyles(), children: reactAriaComponents.composeRenderProps(children, (children2, renderProps) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    showArrow && /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.OverlayArrow, { className: "group", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: 12,
+        height: 12,
+        viewBox: "0 0 12 12",
+        className: ouiTheme.popoverArrowStyles({ className: classNames?.arrow }),
+        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0 L6 6 L12 0" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-placement": renderProps.placement,
+        className: typeof wrapperClassName === "function" ? wrapperClassName({
+          ...renderProps,
+          defaultClassName: void 0
+        }) : wrapperClassName,
+        children: children2
+      }
+    )
+  ] })) });
 };
 
 exports.Popover = Popover;

package/dist/esm/avatar/avatar-group.js

@@ -48,7 +48,7 @@ const AvatarGroup = forwardRef((props, ref) => {
     remainingCount,
     renderCount
   ]);
-  return /* @__PURE__ */ jsx(Component, { ...getAvatarGroupProps(), children: /* @__PURE__ */ jsxs(AvatarGroupProvider, { value: context, children: [
+  return /* @__PURE__ */ jsx(Component, { ...getAvatarGroupProps(), children: /* @__PURE__ */ jsxs(AvatarGroupProvider.Provider, { value: context, children: [
     clones,
     renderedCount
   ] }) });

package/dist/esm/avatar/avatar.js

@@ -46,7 +46,7 @@ const AvatarRoot = forwardRef(
     const [imageLoadingStatus, setImageLoadingStatus] = useState("idle");
     const Component = as || "span";
     return /* @__PURE__ */ jsx(
-      AvatarContext,
+      AvatarContext.Provider,
       {
         value: {
           imageLoadingStatus,

package/dist/esm/menu/menu.js

@@ -24,12 +24,40 @@ function MenuInner(originalProps, ref) {
     originalProps,
     menuStyles.variantKeys
   );
-  const { className, classNames, placement, ...rest } = props;
+  const {
+    className,
+    classNames,
+    placement,
+    boundaryElement,
+    scrollRef,
+    shouldFlip,
+    maxHeight,
+    containerPadding,
+    offset,
+    crossOffset,
+    shouldUpdatePosition,
+    arrowBoundaryOffset,
+    triggerRef,
+    ...rest
+  } = props;
+  const popoverProps = {
+    placement,
+    boundaryElement,
+    scrollRef,
+    shouldFlip,
+    maxHeight,
+    containerPadding,
+    offset,
+    crossOffset,
+    shouldUpdatePosition,
+    arrowBoundaryOffset,
+    triggerRef
+  };
   const styles = menuStyles(variantProps);
   return /* @__PURE__ */ jsx(Provider, { values: [[MenuVariantContext, variantProps]], children: /* @__PURE__ */ jsx(
     Popover,
     {
-      placement,
+      ...popoverProps,
       className: styles.popover({ className: classNames?.popover }),
       children: /* @__PURE__ */ jsx(
         Menu$1,

package/dist/esm/navbar/navbar.js

@@ -32,7 +32,7 @@ const Navbar = forwardRef((props, ref) => {
     /* @__PURE__ */ jsx("header", { ...context.getWrapperProps(), children: childrenWithoutMenu }),
     menu
   ] });
-  return /* @__PURE__ */ jsx(NavbarProvider, { value: context, children: /* @__PURE__ */ jsx(FocusScope, { contain: context.isMenuOpen, children: context.shouldShowOnScrollUp ? /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(NavbarProvider.Provider, { value: context, children: /* @__PURE__ */ jsx(FocusScope, { contain: context.isMenuOpen, children: context.shouldShowOnScrollUp ? /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(
     m.nav,
     {
       animate: context.isNavbarHidden ? "hidden" : "visible",

package/dist/esm/popover/popover.js

@@ -1,52 +1,9 @@
 "use strict";
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useCallback } from 'react';
-import { useSlottedContext, PopoverContext, Popover as Popover$1, OverlayArrow, composeRenderProps } from 'react-aria-components';
-import { popoverArrowStyles, popoverStyles } from '@opengovsg/oui-theme';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useSlottedContext, PopoverContext, composeRenderProps, Popover as Popover$1, OverlayArrow } from 'react-aria-components';
+import { popoverStyles, popoverArrowStyles, popoverOverlayStyles } from '@opengovsg/oui-theme';
 
-const REFLOW_INTERVAL_MS = 50;
-const REFLOW_MAX_ATTEMPTS = 20;
-const useReflowOnContentChange = () => {
-  const cleanupRef = useRef(null);
-  return useCallback((el) => {
-    cleanupRef.current?.();
-    cleanupRef.current = null;
-    if (!el) return;
-    let timer = 0;
-    let attempts = 0;
-    let observer = null;
-    const settle = () => {
-      observer?.disconnect();
-      observer = null;
-    };
-    const poll = () => {
-      if (el.offsetHeight > 0) return settle();
-      window.dispatchEvent(new Event("resize"));
-      attempts += 1;
-      if (el.offsetHeight > 0) return settle();
-      if (attempts >= REFLOW_MAX_ATTEMPTS) return;
-      timer = window.setTimeout(poll, REFLOW_INTERVAL_MS);
-    };
-    const start = () => {
-      clearTimeout(timer);
-      attempts = 0;
-      timer = window.setTimeout(poll, 0);
-    };
-    start();
-    observer = new MutationObserver(start);
-    observer.observe(el, {
-      childList: true,
-      subtree: true,
-      characterData: true
-    });
-    cleanupRef.current = () => {
-      clearTimeout(timer);
-      observer?.disconnect();
-      observer = null;
-    };
-  }, []);
-};
 const Popover = ({
   children,
   showArrow,
@@ -58,32 +15,33 @@ const Popover = ({
   const isSubmenu = popoverContext?.trigger === "SubmenuTrigger";
   let offset = showArrow ? 12 : 8;
   offset = isSubmenu ? offset - 6 : offset;
-  const reflowRef = useReflowOnContentChange();
-  return /* @__PURE__ */ jsxs(
-    Popover$1,
-    {
-      ref: reflowRef,
-      offset,
-      ...props,
-      className: composeRenderProps(
-        className ?? classNames?.base,
-        (className2, renderProps) => popoverStyles({ ...renderProps, className: className2 })
-      ),
-      children: [
-        showArrow && /* @__PURE__ */ jsx(OverlayArrow, { className: "group", children: /* @__PURE__ */ jsx(
-          "svg",
-          {
-            width: 12,
-            height: 12,
-            viewBox: "0 0 12 12",
-            className: popoverArrowStyles({ className: classNames?.arrow }),
-            children: /* @__PURE__ */ jsx("path", { d: "M0 0 L6 6 L12 0" })
-          }
-        ) }),
-        children
-      ]
-    }
+  const wrapperClassName = composeRenderProps(
+    className ?? classNames?.base,
+    (className2) => popoverStyles({ className: className2 })
   );
+  return /* @__PURE__ */ jsx(Popover$1, { offset, ...props, className: popoverOverlayStyles(), children: composeRenderProps(children, (children2, renderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    showArrow && /* @__PURE__ */ jsx(OverlayArrow, { className: "group", children: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: 12,
+        height: 12,
+        viewBox: "0 0 12 12",
+        className: popoverArrowStyles({ className: classNames?.arrow }),
+        children: /* @__PURE__ */ jsx("path", { d: "M0 0 L6 6 L12 0" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-placement": renderProps.placement,
+        className: typeof wrapperClassName === "function" ? wrapperClassName({
+          ...renderProps,
+          defaultClassName: void 0
+        }) : wrapperClassName,
+        children: children2
+      }
+    )
+  ] })) });
 };
 
 export { Popover };

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

@@ -3,8 +3,14 @@ import { MenuTrigger as AriaMenuTrigger } from "react-aria-components";
 import type { ListBoxItemVariantProps, MenuItemVariantSlots, MenuSectionVariantProps, MenuSectionVariantSlots, MenuVariantProps, MenuVariantSlots, SlotsToClasses } from "@opengovsg/oui-theme";
 import type { PopoverProps } from "../popover";
 export declare const MenuVariantContext: import("react").Context<ContextValue<MenuVariantProps, any>>, useMenuVariantContext: () => ContextValue<MenuVariantProps, any>;
-export interface MenuProps<T> extends AriaMenuProps<T>, MenuVariantProps {
-    placement?: PopoverProps["placement"];
+/**
+ * Popover positioning props forwarded from `Menu` to its underlying `Popover`.
+ * These let consumers bound where/how the menu flips — most importantly
+ * `boundaryElement`/`scrollRef`, which constrain flipping to a scroll container
+ * rather than the whole viewport.
+ */
+type ForwardedPopoverProps = Pick<PopoverProps, "placement" | "boundaryElement" | "scrollRef" | "shouldFlip" | "maxHeight" | "containerPadding" | "offset" | "crossOffset" | "shouldUpdatePosition" | "arrowBoundaryOffset" | "triggerRef">;
+export interface MenuProps<T> extends AriaMenuProps<T>, MenuVariantProps, ForwardedPopoverProps {
     classNames?: SlotsToClasses<MenuVariantSlots>;
 }
 export declare const Menu: <T extends object>(props: MenuProps<T> & import("react").RefAttributes<HTMLDivElement>) => React.ReactNode;
@@ -35,4 +41,5 @@ export interface MenuSectionProps<T> extends AriaMenuSectionProps<T>, MenuSectio
 export declare const MenuSection: <T extends object>(props: MenuSectionProps<T> & import("react").RefAttributes<HTMLElement>) => React.ReactNode;
 export declare const MenuTrigger: typeof AriaMenuTrigger;
 export declare const SubmenuTrigger: (props: import("react-aria-components").SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
+export {};
 //# sourceMappingURL=menu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,IAAI,aAAa,EAC1B,gBAAgB,IAAI,oBAAoB,EACxC,YAAY,EAEZ,cAAc,EACf,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAIL,WAAW,IAAI,eAAe,EAQ/B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAS7B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,eAAO,MAAO,kBAAkB,gEAAE,qBAAqB,2CAOrD,CAAA;AACF,MAAM,WAAW,SAAS,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC,EAAE,gBAAgB;IACtE,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;CAC9C;AA4CD,eAAO,MAAM,IAAI,GA1CE,CAAC,SAAS,MAAM,0EAY/B,MAAK,SA8BuC,CAAA;AAEhD,MAAM,WAAW,aACf,SAAQ,iBAAiB,EACvB,uBAAuB;IACzB,UAAU,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAA;IACjD,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAC9C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAE5C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,eAAO,MAAM,QAAQ,0GA+HnB,CAAA;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,2CASlD;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CACjC,SAAQ,oBAAoB,CAAC,CAAC,CAAC,EAC7B,uBAAuB;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,CAAC,EAAE,CAAA;IACX,UAAU,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAA;CACrD;AAwCD,eAAO,MAAM,WAAW,GAtCE,CAAC,SAAS,MAAM,8EAzMtC,MAAK,SA+OqD,CAAA;AAE9D,eAAO,MAAM,WAAW,wBAAkB,CAAA;AAC1C,eAAO,MAAM,cAAc,gEAC2okE,MAAO,aAAa,wDAD1okE,CAAA"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,IAAI,aAAa,EAC1B,gBAAgB,IAAI,oBAAoB,EACxC,YAAY,EAEZ,cAAc,EACf,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAIL,WAAW,IAAI,eAAe,EAQ/B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAS7B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,eAAO,MAAO,kBAAkB,gEAAE,qBAAqB,2CAOrD,CAAA;AACF;;;;;GAKG;AACH,KAAK,qBAAqB,GAAG,IAAI,CAC/B,YAAY,EACV,WAAW,GACX,iBAAiB,GACjB,WAAW,GACX,YAAY,GACZ,WAAW,GACX,kBAAkB,GAClB,QAAQ,GACR,aAAa,GACb,sBAAsB,GACtB,qBAAqB,GACrB,YAAY,CACf,CAAA;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,CAC1B,SAAQ,aAAa,CAAC,CAAC,CAAC,EACtB,gBAAgB,EAChB,qBAAqB;IACvB,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;CAC9C;AA6ED,eAAO,MAAM,IAAI,GA3EE,CAAC,SAAS,MAAM,0EAbxB,MACT,SAuF8C,CAAA;AAEhD,MAAM,WAAW,aACf,SAAQ,iBAAiB,EACvB,uBAAuB;IACzB,UAAU,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAA;IACjD,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAC9C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAE5C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,eAAO,MAAM,QAAQ,0GA+HnB,CAAA;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,2CASlD;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CACjC,SAAQ,oBAAoB,CAAC,CAAC,CAAC,EAC7B,uBAAuB;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,CAAC,EAAE,CAAA;IACX,UAAU,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAA;CACrD;AAwCD,eAAO,MAAM,WAAW,GAtCE,CAAC,SAAS,MAAM,8EAnQ/B,MACT,SAwS4D,CAAA;AAE9D,eAAO,MAAM,WAAW,wBAAkB,CAAA;AAC1C,eAAO,MAAM,cAAc,gEAC8+hE,MAAO,aAAa,wDAD7+hE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAU7E,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxE,OAAO,EAAsB,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAExE,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,EACxC,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;;;;;;;;OAUG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,MAAM,CAAC,CAAA;CAC9C;AA4FD,eAAO,MAAM,OAAO,6DAMjB,YAAY,4CAgCd,CAAA"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAS7E,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxE,OAAO,EAGL,aAAa,EACd,MAAM,sBAAsB,CAAA;AAE7B,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,EACxC,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;;;;;;;;OAUG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,MAAM,CAAC,CAAA;CAC9C;AAED,eAAO,MAAM,OAAO,6DAMjB,YAAY,4CAgDd,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui",
-  "version": "0.0.58",
+  "version": "0.0.59",
   "sideEffects": false,
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
@@ -36,7 +36,7 @@
     "./package.json": "./package.json"
   },
   "devDependencies": {
-    "@storybook/react-vite": "10.2.10",
+    "@storybook/react-vite": "10.4.5",
     "@types/lodash-es": "^4.17.12",
     "@types/prop-types": "^15.7.15",
     "@types/react": "^19.2.9",
@@ -48,14 +48,14 @@
     "prettier": "^3.5.3",
     "react": "^19.2.3",
     "react-aria-components": "^1.14.0",
-    "storybook": "10.2.10",
+    "storybook": "10.4.5",
     "tsx": "^4.21.0",
     "typescript": "5.7.3",
     "@oui/chromatic": "0.0.0",
-    "@opengovsg/oui-theme": "0.0.58",
     "@oui/eslint-config": "0.0.0",
+    "@oui/prettier-config": "0.0.0",
     "@oui/typescript-config": "0.0.0",
-    "@oui/prettier-config": "0.0.0"
+    "@opengovsg/oui-theme": "0.0.59"
   },
   "dependencies": {
     "@internationalized/date": "^3.10.1",
@@ -75,7 +75,7 @@
     "downshift": "^9.0.9",
     "fuzzysort": "^3.1.0",
     "lodash-es": "^4.18.1",
-    "nanoid": "^5.1.5",
+    "nanoid": "^5.1.11",
     "react-aria": "^3.41.1",
     "react-dropzone": "^14.3.8",
     "react-phone-number-input": "^3.4.14",
@@ -91,7 +91,7 @@
     "motion": ">=11.12.0 || >=12.0.0-alpha.1",
     "react": ">= 18",
     "react-aria-components": "^1.14.0",
-    "@opengovsg/oui-theme": "0.0.58"
+    "@opengovsg/oui-theme": "0.0.59"
   },
   "scripts": {
     "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",