@tecsinapse/cortex-react 1.9.11 → 1.9.12-beta.0

package/dist/cjs/components/Popover/Content.js

@@ -1,13 +1,15 @@
 'use strict';
 
+var react = require('@floating-ui/react');
 var clsx = require('clsx');
 var React = require('react');
 var Context = require('./Context.js');
-var react = require('@floating-ui/react');
 
 const PopoverContent = ({
   children,
-  className
+  className,
+  modal = false,
+  ...rest
 }) => {
   const {
     isOpen,
@@ -19,7 +21,7 @@ const PopoverContent = ({
     getFloatingProps,
     context
   } = Context.usePopoverContext();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, isOpen && /* @__PURE__ */ React.createElement(react.FloatingFocusManager, { context, modal: false }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, isOpen && /* @__PURE__ */ React.createElement(react.FloatingFocusManager, { ...rest, context, modal }, /* @__PURE__ */ React.createElement(
     "div",
     {
       ref: refs.setFloating,

package/dist/cjs/hooks/useFloatingElement.js

@@ -33,7 +33,11 @@ const useFloatingElement = ({
   const click = react.useClick(context, { enabled: trigger === "click" });
   const dismiss = react.useDismiss(context);
   const role = react.useRole(context);
-  const hover = react.useHover(context, { enabled: trigger === "hover", delay });
+  const hover = react.useHover(context, {
+    enabled: trigger === "hover",
+    delay,
+    handleClose: react.safePolygon()
+  });
   const { getReferenceProps, getFloatingProps } = react.useInteractions([
     click,
     dismiss,

package/dist/esm/components/Popover/Content.js

@@ -1,11 +1,13 @@
+import { FloatingFocusManager } from '@floating-ui/react';
 import clsx from 'clsx';
 import React__default from 'react';
 import { usePopoverContext } from './Context.js';
-import { FloatingFocusManager } from '@floating-ui/react';
 
 const PopoverContent = ({
   children,
-  className
+  className,
+  modal = false,
+  ...rest
 }) => {
   const {
     isOpen,
@@ -17,7 +19,7 @@ const PopoverContent = ({
     getFloatingProps,
     context
   } = usePopoverContext();
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, isOpen && /* @__PURE__ */ React__default.createElement(FloatingFocusManager, { context, modal: false }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, isOpen && /* @__PURE__ */ React__default.createElement(FloatingFocusManager, { ...rest, context, modal }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       ref: refs.setFloating,

package/dist/esm/hooks/useFloatingElement.js

@@ -1,4 +1,4 @@
-import { useFloating, autoUpdate, offset, flip, shift, arrow, useClick, useDismiss, useRole, useHover, useInteractions } from '@floating-ui/react';
+import { useFloating, autoUpdate, offset, flip, shift, arrow, useClick, useDismiss, useRole, useHover, safePolygon, useInteractions } from '@floating-ui/react';
 import { useState, useEffect } from 'react';
 
 const useFloatingElement = ({
@@ -31,7 +31,11 @@ const useFloatingElement = ({
   const click = useClick(context, { enabled: trigger === "click" });
   const dismiss = useDismiss(context);
   const role = useRole(context);
-  const hover = useHover(context, { enabled: trigger === "hover", delay });
+  const hover = useHover(context, {
+    enabled: trigger === "hover",
+    delay,
+    handleClose: safePolygon()
+  });
   const { getReferenceProps, getFloatingProps } = useInteractions([
     click,
     dismiss,

package/dist/types/components/Popover/Content.d.ts

@@ -1,6 +1,7 @@
+import { type FloatingFocusManagerProps } from '@floating-ui/react';
 import React from 'react';
-export interface PopoverContentProps {
+export interface PopoverContentProps extends Omit<FloatingFocusManagerProps, 'children' | 'context'> {
     children: React.ReactNode;
     className?: string;
 }
-export declare const PopoverContent: ({ children, className, }: PopoverContentProps) => JSX.Element;
+export declare const PopoverContent: ({ children, className, modal, ...rest }: PopoverContentProps) => JSX.Element;

package/dist/types/components/Popover/index.d.ts

@@ -2,6 +2,6 @@
 export declare const Popover: {
     Root: ({ children, placement, trigger, ...props }: import("./Root").PopoverRootProps) => JSX.Element;
     Trigger: ({ children }: import("./Trigger").PopoverTriggerProps) => import("react").FunctionComponentElement<any>;
-    Content: ({ children, className, }: import("./Content").PopoverContentProps) => JSX.Element;
+    Content: ({ children, className, modal, ...rest }: import("./Content").PopoverContentProps) => JSX.Element;
     Provider: ({ children, placement, trigger, ...props }: import("./Provider").PopoverProviderProps) => JSX.Element;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.9.11",
+  "version": "1.9.12-beta.0",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -48,5 +48,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "7c9d454d984a5b09a0ce7f5d07465f4e59a957f0"
+  "gitHead": "187bb429d8232a5dea24c571ed04d833667ec9e3"
 }