[sparkle] - chore(Popover): export portal (#10724)

* [sparkle] - feature: expose PopoverPortal component for exports

 - Added PopoverPortal to the list of components exported from Popover.tsx
 - Updated the main component index to include PopoverPortal in the public API

* [sparkle] - fix: bump package version after changes

 - Incremented the package version to reflect recent changes for publishing

[front] - refactor: streamline import statements in EmojiPicker component

 - Consolidated multiple import lines from React into a single line to simplify the code
 - Altered import path for `AvatarPickerTabElement` and `SelectedEmojiType` to be more concise

* fix: lint/format

front/components/assistant_builder/avatar_picker/AssistantBuilderEmojiPicker.tsx

@@ -9,8 +9,7 @@ import {
   Popover,
 } from "@dust-tt/sparkle";
 import { generateTailwindBackgroundColors } from "@dust-tt/types";
-import React, { useEffect } from "react";
-import { useImperativeHandle, useRef, useState } from "react";
+import React, { useEffect, useImperativeHandle, useRef, useState } from "react";
 
 import type {
   AvatarPickerTabElement,

sparkle/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.393",
+  "version": "0.2.394",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

sparkle/src/components/Popover.tsx

@@ -7,6 +7,8 @@ const PopoverRoot = PopoverPrimitive.Root;
 
 const PopoverTrigger = PopoverPrimitive.Trigger;
 
+const PopoverPortal = PopoverPrimitive.Portal;
+
 interface PopoverContentProps
   extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
   fullWidth?: boolean;
@@ -72,4 +74,4 @@ function Popover({
 
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
-export { Popover, PopoverContent, PopoverRoot, PopoverTrigger };
+export { Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger };

sparkle/src/components/index.ts

@@ -98,6 +98,7 @@ export { Pagination } from "./Pagination";
 export {
   Popover,
   PopoverContent,
+  PopoverPortal,
   PopoverRoot,
   PopoverTrigger,
 } from "./Popover";