fix(non-modal-dialog-primitive): always use portal

.changeset/little-llamas-swim.md

@@ -0,0 +1,6 @@
+---
+"@twilio-paste/core": patch
+"@twilio-paste/non-modal-dialog-primitive": patch
+---
+
+[Non-modal Dialog Primitive] Fix to always use a portal when rendering, even when using the state hook.

packages/paste-core/primitives/non-modal-dialog/src/index.tsx

@@ -1,14 +1,28 @@
+import {
+  type PopoverInitialState as NonModalDialogPrimitivePopoverInitialState,
+  type PopoverStateReturn as NonModalDialogPrimitiveStateReturn,
+  usePopoverState as _usePopoverState,
+} from "@twilio-paste/reakit-library";
+
+/*
+ * Fixes issue where the popover would not open in a portal
+ * when using the state hook directly
+ */
+export const useNonModalDialogPrimitiveState = (
+  options: NonModalDialogPrimitivePopoverInitialState,
+): NonModalDialogPrimitiveStateReturn => {
+  return _usePopoverState({ modal: true, ...options });
+};
+
 export {
-  usePopoverState as useNonModalDialogPrimitiveState,
   Popover as NonModalDialogPrimitive,
   PopoverDisclosure as NonModalDialogDisclosurePrimitive,
   PopoverArrow as NonModalDialogArrowPrimitive,
 } from "@twilio-paste/reakit-library";
 
+export type {NonModalDialogPrimitivePopoverInitialState, NonModalDialogPrimitiveStateReturn};
 export type {
   PopoverState as NonModalDialogPrimitiveState,
-  PopoverStateReturn as NonModalDialogPrimitiveStateReturn,
-  PopoverInitialState as NonModalDialogPrimitivePopoverInitialState,
   PopoverProps as NonModalDialogPrimitiveProps,
   PopoverDisclosureProps as NonModalDialogDisclosurePrimitiveProps,
   PopoverArrowProps as NonModalDialogArrowPrimitiveProps,