@dust-tt/sparkle 0.2.55 → 0.2.56

package/dist/cjs/_index.d.ts

@@ -60,8 +60,8 @@ import { Popup } from "./components/Popup";
 export { Popup };
 import { LogoHorizontalColor as LogoHorizontalColorLogo, LogoHorizontalColorLayer1 as LogoHorizontalColorLogoLayer1, LogoHorizontalColorLayer2 as LogoHorizontalColorLogoLayer2, LogoHorizontalDark as LogoHorizontalDarkLogo, LogoHorizontalWhite as LogoHorizontalWhiteLogo, LogoSquareColor as LogoSquareColorLogo, LogoSquareColorLayer1 as LogoSquareColorLogoLayer1, LogoSquareColorLayer2 as LogoSquareColorLogoLayer2, LogoSquareDark as LogoSquareDarkLogo, LogoSquareWhite as LogoSquareWhiteLogo } from "./logo/dust";
 export { LogoHorizontalColorLogo, LogoHorizontalColorLogoLayer1, LogoHorizontalColorLogoLayer2, LogoHorizontalDarkLogo, LogoHorizontalWhiteLogo, LogoSquareColorLogo, LogoSquareColorLogoLayer1, LogoSquareColorLogoLayer2, LogoSquareDarkLogo, LogoSquareWhiteLogo, };
-import { Ai21 as Ai21Logo, Anthropic as AnthropicLogo, AnthropicWhite as AnthropicWhiteLogo, Claude as ClaudeLogo, Cohere as CohereLogo, Drive as DriveLogo, Github as GithubLogo, GithubWhite as GithubWhiteLogo, Google as GoogleLogo, Gpt3 as Gpt3Logo, Gpt4 as Gpt4Logo, HuggingFace as HuggingFaceLogo, Intercom as IntercomLogo, Microsoft as MicrosoftLogo, Mistral as MistralLogo, Notion as NotionLogo, Openai as OpenaiLogo, OpenaiWhite as OpenaiWhiteLogo, Replicate as ReplicateLogo, Slack as SlackLogo } from "./logo/platforms";
-export { Ai21Logo, AnthropicLogo, AnthropicWhiteLogo, ClaudeLogo, CohereLogo, DriveLogo, GithubLogo, GithubWhiteLogo, GoogleLogo, Gpt3Logo, Gpt4Logo, HuggingFaceLogo, IntercomLogo, MicrosoftLogo, MistralLogo, NotionLogo, OpenaiLogo, OpenaiWhiteLogo, ReplicateLogo, SlackLogo, };
+import { Ai21 as Ai21Logo, Anthropic as AnthropicLogo, AnthropicWhite as AnthropicWhiteLogo, Claude as ClaudeLogo, Cohere as CohereLogo, Drive as DriveLogo, Gemini as GeminiLogo, Github as GithubLogo, GithubWhite as GithubWhiteLogo, Google as GoogleLogo, Gpt3 as Gpt3Logo, Gpt4 as Gpt4Logo, HuggingFace as HuggingFaceLogo, Intercom as IntercomLogo, Microsoft as MicrosoftLogo, Mistral as MistralLogo, Notion as NotionLogo, Openai as OpenaiLogo, OpenaiWhite as OpenaiWhiteLogo, Replicate as ReplicateLogo, Slack as SlackLogo } from "./logo/platforms";
+export { Ai21Logo, AnthropicLogo, AnthropicWhiteLogo, ClaudeLogo, CohereLogo, DriveLogo, GeminiLogo, GithubLogo, GithubWhiteLogo, GoogleLogo, Gpt3Logo, Gpt4Logo, HuggingFaceLogo, IntercomLogo, MicrosoftLogo, MistralLogo, NotionLogo, OpenaiLogo, OpenaiWhiteLogo, ReplicateLogo, SlackLogo, };
 import { ArrowDown as ArrowDownIcon, ArrowDownCircle as ArrowDownCircleIcon, ArrowDownOnSquare as ArrowDownOnSquareIcon, ArrowLeft as ArrowLeftIcon, ArrowPath as ArrowPathIcon, ArrowRight as ArrowRightIcon, ArrowUp as ArrowUpIcon, ArrowUpOnSquare as ArrowUpOnSquareIcon, Attachment as AttachmentIcon, Backspace as BackspaceIcon, Bookmark as BookmarkIcon, BookOpen as BookOpenIcon, Braces as BracesIcon, Card as CardIcon, ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusIcon, ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextIcon, ChatBubbleLeftRight as ChatBubbleLeftRightIcon, Check as CheckIcon, CheckCircle as CheckCircleIcon, ChevronDown as ChevronDownIcon, ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, ChevronUp as ChevronUpIcon, ChevronUpDown as ChevronUpDownIcon, Circle as CircleIcon, Clipboard as ClipboardIcon, ClipboardCheck as ClipboardCheckIcon, Clock as ClockIcon, CloudArrowDown as CloudArrowDownIcon, CloudArrowLeftRight as CloudArrowLeftRightIcon, CloudX as CloudXIcon, Cog6Tooth as Cog6ToothIcon, CommandLine as CommandLineIcon, Cube as CubeIcon, Dash as DashIcon, DocumentDuplicate as DocumentDuplicateIcon, DocumentPile as DocumentPileIcon, DocumentPlus as DocumentPlusIcon, DocumentText as DocumentTextIcon, EmotionLaugh as EmotionLaughIcon, Equalizer as EqualizerIcon, ExclamationCircle as ExclamationCircleIcon, ExternalLink as ExternalLinkIcon, Eye as EyeIcon, EyeSlash as EyeSlashIcon, Flag as FlagIcon, FolderOpen as FolderOpenIcon, Fullscreen as FullscreenIcon, FullscreenExit as FullscreenExitIcon, GlobeAlt as GlobeAltIcon, HandThumbDown as HandThumbDownIcon, HandThumbUp as HandThumbUpIcon, Hexagon as HexagonIcon, Image as ImageIcon, InformationCircle as InformationCircleIcon, Key as KeyIcon, Lightbulb as LightbulbIcon, Link as LinkIcon, ListCheck as ListCheckIcon, Lock as LockIcon, Login as LoginIcon, Logout as LogoutIcon, MagnifyingGlass as MagnifyingGlassIcon, Menu as MenuIcon, More as MoreIcon, MovingMail as MovingMailIcon, Paint as PaintIcon, PaperAirplane as PaperAirplaneIcon, Pause as PauseIcon, PencilSquare as PencilSquareIcon, Planet as PlanetIcon, Play as PlayIcon, Plus as PlusIcon, PlusCircle as PlusCircleIcon, QuestionMarkCircle as QuestionMarkCircleIcon, Reaction as ReactionIcon, Rectangle as RectangleIcon, Robot as RobotIcon, RobotShared as RobotSharedIcon, Rocket as RocketIcon, Server as ServerIcon, ShakeHands as ShakeHandsIcon, Shapes as ShapesIcon, Sparkles as SparklesIcon, Square as SquareIcon, Square3Stack3D as Square3Stack3DIcon, Stop as StopIcon, TestTube as TestTubeIcon, Trash as TrashIcon, Triangle as TriangleIcon, User as UserIcon, UserArrow as UserArrowIcon, UserGroup as UserGroupIcon, UserPlus as UserPlusIcon, Wrench as WrenchIcon, XCircle as XCircleIcon, XMark as XMarkIcon } from "./icons/solid";
 export { ArrowDownCircleIcon, ArrowDownIcon, ArrowDownOnSquareIcon, ArrowLeftIcon, ArrowPathIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpOnSquareIcon, AttachmentIcon, BackspaceIcon, BookmarkIcon, BookOpenIcon, BracesIcon, CardIcon, ChatBubbleBottomCenterPlusIcon, ChatBubbleBottomCenterTextIcon, ChatBubbleLeftRightIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, CircleIcon, ClipboardCheckIcon, ClipboardIcon, ClockIcon, CloudArrowDownIcon, CloudArrowLeftRightIcon, CloudXIcon, Cog6ToothIcon, CommandLineIcon, CubeIcon, DashIcon, DocumentDuplicateIcon, DocumentPileIcon, DocumentPlusIcon, DocumentTextIcon, EmotionLaughIcon, EqualizerIcon, ExclamationCircleIcon, ExternalLinkIcon, EyeIcon, EyeSlashIcon, FlagIcon, FolderOpenIcon, FullscreenExitIcon, FullscreenIcon, GlobeAltIcon, HandThumbDownIcon, HandThumbUpIcon, HexagonIcon, ImageIcon, InformationCircleIcon, KeyIcon, LightbulbIcon, LinkIcon, ListCheckIcon, LockIcon, LoginIcon, LogoutIcon, MagnifyingGlassIcon, MenuIcon, MoreIcon, MovingMailIcon, PaintIcon, PaperAirplaneIcon, PauseIcon, PencilSquareIcon, PlanetIcon, PlayIcon, PlusCircleIcon, PlusIcon, QuestionMarkCircleIcon, ReactionIcon, RectangleIcon, RobotIcon, RobotSharedIcon, RocketIcon, ServerIcon, ShakeHandsIcon, ShapesIcon, SparklesIcon, Square3Stack3DIcon, SquareIcon, StopIcon, TestTubeIcon, TrashIcon, TriangleIcon, UserArrowIcon, UserGroupIcon, UserIcon, UserPlusIcon, WrenchIcon, XCircleIcon, XMarkIcon, };
 import { ArrowDown as ArrowDownStrokeIcon, ArrowDownCircle as ArrowDownCircleStrokeIcon, ArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, ArrowLeft as ArrowLeftStrokeIcon, ArrowPath as ArrowPathStrokeIcon, ArrowRight as ArrowRightStrokeIcon, ArrowUp as ArrowUpStrokeIcon, ArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, Attachment as AttachmentStrokeIcon, Backspace as BackspaceStrokeIcon, Bookmark as BookmarkStrokeIcon, BookOpen as BookOpenStrokeIcon, Braces as BracesStrokeIcon, Card as CardStrokeIcon, ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon, ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon, ChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon, Check as CheckStrokeIcon, CheckCircle as CheckCircleStrokeIcon, ChevronDown as ChevronDownStrokeIcon, ChevronLeft as ChevronLeftStrokeIcon, ChevronRight as ChevronRightStrokeIcon, ChevronUp as ChevronUpStrokeIcon, ChevronUpDown as ChevronUpDownStrokeIcon, Circle as CircleStrokeIcon, Clipboard as ClipboardStrokeIcon, ClipboardCheck as ClipboardCheckStrokeIcon, Clock as ClockStrokeIcon, CloudArrowDown as CloudArrowDownStrokeIcon, CloudArrowLeftRight as CloudArrowLeftRightStrokeIcon, CloudX as CloudXStrokeIcon, Cog6Tooth as Cog6ToothStrokeIcon, CommandLine as CommandLineStrokeIcon, Cube as CubeStrokeIcon, Dash as DashStrokeIcon, DocumentDuplicate as DocumentDuplicateStrokeIcon, DocumentPile as DocumentPileStrokeIcon, DocumentPlus as DocumentPlusStrokeIcon, DocumentText as DocumentTextStrokeIcon, EmotionLaugh as EmotionLaughStrokeIcon, Equalizer as EqualizerStrokeIcon, ExclamationCircle as ExclamationCircleStrokeIcon, ExternalLink as ExternalLinkStrokeIcon, Eye as EyeStrokeIcon, EyeSlash as EyeSlashStrokeIcon, Flag as FlagStrokeIcon, FolderOpen as FolderOpenStrokeIcon, Fullscreen as FullscreenStrokeIcon, FullscreenExit as FullscreenExitStrokeIcon, GlobeAlt as GlobeAltStrokeIcon, HandThumbDown as HandThumbDownStrokeIcon, HandThumbUp as HandThumbUpStrokeIcon, Hexagon as HexagonStrokeIcon, Image as ImageStrokeIcon, InformationCircle as InformationCircleStrokeIcon, Key as KeyStrokeIcon, Lightbulb as LightbulbStrokeIcon, Link as LinkStrokeIcon, ListCheck as ListCheckStrokeIcon, Lock as LockStrokeIcon, Login as LoginStrokeIcon, Logout as LogoutStrokeIcon, MagnifyingGlass as MagnifyingGlassStrokeIcon, Menu as MenuStrokeIcon, More as MoreStrokeIcon, MovingMail as MovingMailStrokeIcon, Paint as PaintStrokeIcon, PaperAirplane as PaperAirplaneStrokeIcon, Pause as PauseStrokeIcon, PencilSquare as PencilSquareStrokeIcon, Planet as PlanetStrokeIcon, Play as PlayStrokeIcon, Plus as PlusStrokeIcon, PlusCircle as PlusCircleStrokeIcon, QuestionMarkCircle as QuestionMarkCircleStrokeIcon, Reaction as ReactionStrokeIcon, Rectangle as RectangleStrokeIcon, Robot as RobotStrokeIcon, RobotShared as RobotSharedStrokeIcon, Rocket as RocketStrokeIcon, Server as ServerStrokeIcon, ShakeHands as ShakeHandsStrokeIcon, Shapes as ShapesStrokeIcon, Sparkles as SparklesStrokeIcon, Square as SquareStrokeIcon, Square3Stack3D as Square3Stack3DStrokeIcon, Stop as StopStrokeIcon, TestTube as TestTubeStrokeIcon, Trash as TrashStrokeIcon, Triangle as TriangleStrokeIcon, User as UserStrokeIcon, UserArrow as UserArrowStrokeIcon, UserGroup as UserGroupStrokeIcon, UserPlus as UserPlusStrokeIcon, Wrench as WrenchStrokeIcon, XCircle as XCircleStrokeIcon, XMark as XMarkStrokeIcon } from "./icons/stroke";

package/dist/cjs/components/ContextItem.d.ts

@@ -1,12 +1,13 @@
 import React, { ComponentType, ReactNode } from "react";
 type ContextItemProps = {
-    title: string;
-    visual: ReactNode;
     action?: ReactNode;
     children?: ReactNode;
     hasSeparator?: boolean;
+    subElement?: ReactNode;
+    title: ReactNode;
+    visual: ReactNode;
 };
-export declare function ContextItem({ title, visual, action, children, hasSeparator, }: ContextItemProps): React.JSX.Element;
+export declare function ContextItem({ action, children, hasSeparator, subElement, title, visual, }: ContextItemProps): React.JSX.Element;
 export declare namespace ContextItem {
     var List: ({ children, className, hasBorder, }: ContextItemListProps) => React.JSX.Element;
     var Description: ({ children, description, }: ContextItemDescriptionProps) => React.JSX.Element;

package/dist/cjs/index.js

@@ -32146,12 +32146,14 @@ Item.List = function (_a) {
 };
 
 function ContextItem(_a) {
-    var title = _a.title, visual = _a.visual, action = _a.action, children = _a.children, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b;
-    return (React.createElement("div", { className: classNames(hasSeparator ? "s-border-b s-border-structure-200" : "", "s-flex s-w-full s-flex-col"), "aria-label": title },
+    var action = _a.action, children = _a.children, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b, subElement = _a.subElement, title = _a.title, visual = _a.visual;
+    return (React.createElement("div", { className: classNames(hasSeparator ? "s-border-b s-border-structure-200" : "", "s-flex s-w-full s-flex-col") },
         React.createElement("div", { className: "s-flex s-flex-row s-gap-3 s-px-2 s-py-4" },
             React.createElement("div", { className: "s-flex" }, visual),
             React.createElement("div", { className: "s-flex s-grow s-flex-col s-gap-1" },
-                React.createElement("div", { className: "s-text-normal s-flex  s-flex-col s-justify-center s-font-semibold" }, title),
+                React.createElement("div", { className: "s-flex s-grow s-flex-row" },
+                    React.createElement("div", { className: "s-text-normal s-flex s-flex-col s-justify-center s-font-semibold" }, title),
+                    React.createElement("div", { className: "s-flex s-items-center s-text-element-600" }, subElement)),
                 React.createElement("div", { className: "-s-mt-1" }, children)),
             React.createElement("div", { className: "" }, action))));
 }
@@ -32578,6 +32580,17 @@ var SvgDrive = function (props) { return (React__namespace.createElement("svg",
     React__namespace.createElement("path", { fill: "#2684FC", d: "M16.07 15.952H7.93l-3.465 6.265c.34.211.73.316 1.134.316h12.802c.403 0 .794-.118 1.134-.316l-3.465-6.265Z" }),
     React__namespace.createElement("path", { fill: "#FFBA00", d: "m19.497 8.976-3.2-5.791a2.342 2.342 0 0 0-.832-.87L12 8.582l4.07 7.371h6.917c0-.408-.1-.816-.302-1.184l-3.188-5.792Z" }))); };
 
+var SvgGemini = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React__namespace.createElement("g", { clipPath: "url(#Gemini_svg__a)" },
+        React__namespace.createElement("rect", { width: 24, height: 24, fill: "#1B1E29", rx: 4 }),
+        React__namespace.createElement("path", { fill: "url(#Gemini_svg__b)", d: "M12 2c0 5.523 4.477 10 10 10-5.523 0-10 4.477-10 10 0-5.523-4.477-10-10-10 5.523 0 10-4.477 10-10Z" })),
+    React__namespace.createElement("defs", null,
+        React__namespace.createElement("radialGradient", { id: "Gemini_svg__b", cx: 0, cy: 0, r: 1, gradientTransform: "rotate(135 10.586 5.556) scale(28.2843)", gradientUnits: "userSpaceOnUse" },
+            React__namespace.createElement("stop", { offset: 0.358, stopColor: "#FADFBC" }),
+            React__namespace.createElement("stop", { offset: 0.836, stopColor: "#3972F4" })),
+        React__namespace.createElement("clipPath", { id: "Gemini_svg__a" },
+            React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
+
 var SvgGithub = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React__namespace.createElement("path", { fill: "#0F172A", fillRule: "evenodd", d: "M12 2C6.475 2 2 6.503 2 12.063c0 4.453 2.862 8.214 6.838 9.547.5.088.687-.213.687-.478 0-.239-.013-1.031-.013-1.874-2.512.466-3.162-.616-3.362-1.182-.113-.29-.6-1.183-1.025-1.422-.35-.188-.85-.654-.013-.666.788-.013 1.35.73 1.538 1.031.9 1.522 2.338 1.095 2.912.83.088-.654.35-1.094.638-1.346-2.225-.251-4.55-1.12-4.55-4.968 0-1.095.387-2 1.025-2.705-.1-.251-.45-1.283.1-2.666 0 0 .837-.265 2.75 1.031.8-.226 1.65-.34 2.5-.34.85 0 1.7.114 2.5.34 1.912-1.308 2.75-1.031 2.75-1.031.55 1.383.2 2.415.1 2.666.637.705 1.025 1.598 1.025 2.705 0 3.861-2.337 4.717-4.562 4.968.362.315.675.919.675 1.862 0 1.346-.013 2.428-.013 2.767 0 .265.188.579.688.478C19.137 20.277 22 16.503 22 12.063 22 6.503 17.525 2 12 2Z", clipRule: "evenodd" }))); };
 
@@ -33581,6 +33594,7 @@ exports.FullscreenExitIcon = SvgFullscreenExit$1;
 exports.FullscreenExitStrokeIcon = SvgFullscreenExit;
 exports.FullscreenIcon = SvgFullscreen$1;
 exports.FullscreenStrokeIcon = SvgFullscreen;
+exports.GeminiLogo = SvgGemini;
 exports.GithubLogo = SvgGithub;
 exports.GithubWhiteLogo = SvgGithubWhite;
 exports.GlobeAltIcon = SvgGlobeAlt$1;