feat: make tooltips stay open

Author: brenoliradev

src/docs/pages/TooltipsPage.tsx

@@ -58,6 +58,19 @@ const TooltipsPage: FC = () => {
         </div>
       ),
     },
+    {
+      title: 'Stay open and stay closed tooltips',
+      code: (
+        <div className="flex gap-2">
+          <Tooltip isOpen placement="bottom" content="Always open">
+            <Button>Always open</Button>
+          </Tooltip>
+          <Tooltip isOpen={false} placement="bottom" content="Always open">
+            <Button disabled>Always closed</Button>
+          </Tooltip>
+        </div>
+      ),
+    },
     {
       title: 'Animation',
       code: (

src/lib/components/Floating/Floating.tsx

@@ -11,7 +11,7 @@ import {
 } from '@floating-ui/react';
 import classNames from 'classnames';
 import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { getArrowPlacement, getMiddleware, getPlacement } from '../../helpers/floating';
 
 export interface FlowbiteFloatingTheme {
@@ -47,6 +47,7 @@ export interface FloatingProps extends PropsWithChildren<Omit<ComponentProps<'di
   style?: 'dark' | 'light' | 'auto';
   theme: FlowbiteFloatingTheme;
   trigger?: 'hover' | 'click';
+  isOpen?: boolean;
 }
 
 /**
@@ -63,10 +64,17 @@ export const Floating: FC<FloatingProps> = ({
   style = 'dark',
   theme,
   trigger = 'hover',
+  isOpen = null,
   ...props
 }) => {
   const arrowRef = useRef<HTMLDivElement>(null);
-  const [open, setOpen] = useState(false);
+  const [innerOpen, setOpen] = useState(false);
+
+  const open = useMemo(() => {
+    if (isOpen === null) return innerOpen;
+
+    return isOpen;
+  }, [isOpen, innerOpen]);
 
   const floatingTooltip = useFloating<HTMLElement>({
     middleware: getMiddleware({ arrowRef, placement }),

src/lib/components/Tooltip/Tooltip.tsx

@@ -16,6 +16,7 @@ export interface TooltipProps extends PropsWithChildren<Omit<ComponentProps<'div
   style?: 'dark' | 'light' | 'auto';
   theme?: DeepPartial<FlowbiteTooltipTheme>;
   trigger?: 'hover' | 'click';
+  isOpen?: boolean;
 }
 
 /**