Merge branch 'stackblitz-labs:main' into FEAT_BoltDYI_NEW_SETTINGS_UI_V2

app/components/ui/Popover.tsx

@@ -1,15 +1,24 @@
 import * as Popover from '@radix-ui/react-popover';
 import type { PropsWithChildren, ReactNode } from 'react';
 
-export default ({ children, trigger }: PropsWithChildren<{ trigger: ReactNode }>) => (
+export default ({
+  children,
+  trigger,
+  side,
+  align,
+}: PropsWithChildren<{
+  trigger: ReactNode;
+  side: 'top' | 'right' | 'bottom' | 'left' | undefined;
+  align: 'center' | 'start' | 'end' | undefined;
+}>) => (
   <Popover.Root>
     <Popover.Trigger asChild>{trigger}</Popover.Trigger>
     <Popover.Anchor />
     <Popover.Portal>
       <Popover.Content
         sideOffset={10}
-        side="top"
-        align="center"
+        side={side}
+        align={align}
         className="bg-bolt-elements-background-depth-2 text-bolt-elements-item-contentAccent p-2 rounded-md shadow-xl z-workbench"
       >
         {children}