enhance(ui): Extending tooltip to include default content and forceOpen (#5470)

* enhance(ui): Extending tooltip to include default content and forceOpen

* enhance(ui): adding editOnly true and helper text to forceOpen prop

Author: Noah-Hypernova

apps/frontend/components/ui/tooltip.tsx

@@ -36,26 +36,36 @@ type ToolTipProps = {
   trigger?: React.ReactElement; // Show this
   content?: React.ReactElement; // Show this
   side?: ToolTipSide; // Position of the tooltip
+  forceOpen?: boolean; // Force the tooltip to show
 };
 
 const ToolTipMeta: CodeComponentMeta<ToolTipProps> = {
   name: "ToolTip",
   description: "shadcn/ui tooltip component",
   props: {
     trigger: "slot",
-    content: "slot",
+    content: {
+      type: "slot",
+      defaultValue: "Tooltip content",
+    },
     side: {
       type: "choice",
       options: ["top", "right", "bottom", "left"],
     },
+    forceOpen: {
+      type: "boolean",
+      defaultValue: false,
+      editOnly: true,
+      helpText: "Force the tooltip content to show.",
+    },
   },
 };
 
 function ToolTip(props: ToolTipProps) {
-  const { className, trigger, content, side } = props;
+  const { className, trigger, content, side, forceOpen } = props;
   return (
     <TooltipProvider>
-      <TooltipRoot>
+      <TooltipRoot open={forceOpen}>
         <TooltipTrigger asChild>
           <div className={className}>{trigger}</div>
         </TooltipTrigger>