@dust-tt/sparkle 0.1.43 → 0.1.45

package/dist/cjs/logo/dust/LogoHorizontalColor.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgLogoHorizontalColor: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgLogoHorizontalColor;

package/dist/cjs/logo/dust/LogoHorizontalDark.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgLogoHorizontalDark: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgLogoHorizontalDark;

package/dist/cjs/logo/dust/LogoHorizontalWhite.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgLogoHorizontalWhite: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgLogoHorizontalWhite;

package/dist/cjs/logo/dust/LogoSquareColor.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgLogoSquareColor: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgLogoSquareColor;

package/dist/cjs/logo/dust/LogoSquareDark.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgLogoSquareDark: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgLogoSquareDark;

package/dist/cjs/logo/dust/LogoSquareWhite.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgLogoSquareWhite: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgLogoSquareWhite;

package/dist/cjs/logo/dust/index.d.ts

@@ -0,0 +1,6 @@
+export { default as LogoHorizontalColor } from "./LogoHorizontalColor";
+export { default as LogoHorizontalDark } from "./LogoHorizontalDark";
+export { default as LogoHorizontalWhite } from "./LogoHorizontalWhite";
+export { default as LogoSquareColor } from "./LogoSquareColor";
+export { default as LogoSquareDark } from "./LogoSquareDark";
+export { default as LogoSquareWhite } from "./LogoSquareWhite";

package/dist/cjs/logo/platforms/Ai21.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgAi21: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAi21;

package/dist/cjs/logo/platforms/Claude.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgClaude: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgClaude;

package/dist/cjs/logo/platforms/Cohere.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgCohere: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgCohere;

package/dist/cjs/logo/platforms/Drive.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgDrive: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgDrive;

package/dist/cjs/logo/platforms/Github.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgGithub: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgGithub;

package/dist/cjs/logo/platforms/Gpt3.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgGpt3: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgGpt3;

package/dist/cjs/logo/platforms/Gpt4.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgGpt4: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgGpt4;

package/dist/cjs/logo/platforms/HuggingFace.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgHuggingFace: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgHuggingFace;

package/dist/cjs/logo/platforms/Microsoft.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgMicrosoft: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgMicrosoft;

package/dist/cjs/logo/platforms/Notion.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgNotion: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgNotion;

package/dist/cjs/logo/platforms/Replicate.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgReplicate: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgReplicate;

package/dist/cjs/logo/platforms/Slack.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgSlack: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgSlack;

package/dist/cjs/logo/platforms/index.d.ts

@@ -0,0 +1,12 @@
+export { default as Ai21 } from "./Ai21";
+export { default as Claude } from "./Claude";
+export { default as Cohere } from "./Cohere";
+export { default as Drive } from "./Drive";
+export { default as Github } from "./Github";
+export { default as Gpt3 } from "./Gpt3";
+export { default as Gpt4 } from "./Gpt4";
+export { default as HuggingFace } from "./HuggingFace";
+export { default as Microsoft } from "./Microsoft";
+export { default as Notion } from "./Notion";
+export { default as Replicate } from "./Replicate";
+export { default as Slack } from "./Slack";

package/dist/cjs/stories/Avatar.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+import { Avatar } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof Avatar;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AvatarExample: () => React.JSX.Element;
+export declare const AvatarBusyExample: () => React.JSX.Element;
+export declare const AvatarClickableExample: () => React.JSX.Element;
+export declare const AvatarWithImage: Story;
+export declare const AvatarWithName: Story;
+export declare const AvatarEmpty: Story;

package/dist/cjs/stories/Button.stories.d.ts

@@ -1,4 +1,5 @@
 import type { StoryObj } from "@storybook/react";
+import React from "react";
 import { Button } from "../index_with_tw_base";
 declare const meta: {
     title: string;
@@ -6,9 +7,12 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const ButtonExamples: () => React.JSX.Element;
+export declare const ButtonMenuExamples: () => React.JSX.Element;
+export declare const ButtonSelectExamples: () => React.JSX.Element;
 export declare const Primary: Story;
-export declare const IconOnlyPlusTooltip: Story;
 export declare const PrimaryWarning: Story;
 export declare const Secondary: Story;
 export declare const SecondaryWarning: Story;
 export declare const Tertiary: Story;
+export declare const IconOnlyPlusTooltip: Story;

package/dist/cjs/stories/Logo.stories.d.ts

@@ -1,12 +1,6 @@
-import type { StoryObj } from "@storybook/react";
-import { Logo } from "../index_with_tw_base";
-declare const meta: {
+import React from "react";
+declare const _default: {
     title: string;
-    component: typeof Logo;
 };
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LogoFullColor: Story;
-export declare const LogoColoredGrey: Story;
-export declare const LogoSquareFullColor: Story;
-export declare const LogoSquareColoredGrey: Story;
+export default _default;
+export declare const DustLogoSet: () => React.JSX.Element;

package/dist/cjs/stories/PlatformIconSet.stories.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const PlatformLogoSet: () => React.JSX.Element;

package/dist/esm/_index.d.ts

@@ -26,8 +26,14 @@ import { IconToggleButton } from "./components/IconToggleButton";
 export { IconToggleButton };
 import { Tooltip } from "./components/Tooltip";
 export { Tooltip };
+import { Avatar } from "./components/Avatar";
+export { Avatar };
 import Spinner from "./components/Spinner";
 export { Spinner };
+import { LogoHorizontalColor as LogoHorizontalColorLogo, LogoHorizontalDark as LogoHorizontalDarkLogo, LogoHorizontalWhite as LogoHorizontalWhiteLogo, LogoSquareColor as LogoSquareColorLogo, LogoSquareDark as LogoSquareDarkLogo, LogoSquareWhite as LogoSquareWhiteLogo } from "./logo/dust";
+export { LogoHorizontalColorLogo, LogoHorizontalDarkLogo, LogoHorizontalWhiteLogo, LogoSquareColorLogo, LogoSquareDarkLogo, LogoSquareWhiteLogo, };
+import { Ai21 as Ai21Logo, Claude as ClaudeLogo, Cohere as CohereLogo, Drive as DriveLogo, Github as GithubLogo, Gpt3 as Gpt3Logo, Gpt4 as Gpt4Logo, HuggingFace as HuggingFaceLogo, Microsoft as MicrosoftLogo, Notion as NotionLogo, Replicate as ReplicateLogo, Slack as SlackLogo } from "./logo/platforms";
+export { Ai21Logo, ClaudeLogo, CohereLogo, DriveLogo, GithubLogo, Gpt3Logo, Gpt4Logo, HuggingFaceLogo, MicrosoftLogo, NotionLogo, ReplicateLogo, SlackLogo, };
 import { ArrowDownCircle as ArrowDownCircleIcon, ArrowDownOnSquare as ArrowDownOnSquareIcon, ArrowPath as ArrowPathIcon, ArrowUpOnSquare as ArrowUpOnSquareIcon, Attachment as AttachmentIcon, Backspace as BackspaceIcon, Bookmark as BookmarkIcon, 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, Clipboard as ClipboardIcon, ClipboardCheck as ClipboardCheckIcon, Clock as ClockIcon, CloudArrowDown as CloudArrowDownIcon, Cog6Tooth as Cog6ToothIcon, CommandLine as CommandLineIcon, Cube as CubeIcon, DocumentDuplicate as DocumentDuplicateIcon, DocumentPlus as DocumentPlusIcon, DocumentText as DocumentTextIcon, Equalizer as EqualizerIcon, ExclamationCircle as ExclamationCircleIcon, Eye as EyeIcon, EyeSlash as EyeSlashIcon, FolderOpen as FolderOpenIcon, GlobeAlt as GlobeAltIcon, HandThumbDown as HandThumbDownIcon, HandThumbUp as HandThumbUpIcon, InformationCircle as InformationCircleIcon, Key as KeyIcon, Lightbulb as LightbulbIcon, Link as LinkIcon, MagnifyingGlass as MagnifyingGlassIcon, Menu as MenuIcon, PaperAirplane as PaperAirplaneIcon, PencilSquare as PencilSquareIcon, Planet as PlanetIcon, Plus as PlusIcon, PlusCircle as PlusCircleIcon, QuestionMarkCircle as QuestionMarkCircleIcon, Robot as RobotIcon, Server as ServerIcon, Sparkles as SparklesIcon, Square3Stack3D as Square3Stack3DIcon, TestTube as TestTubeIcon, Trash as TrashIcon, User as UserIcon, UserGroup as UserGroupIcon, Wrench as WrenchIcon, XCircle as XCircleIcon, XMark as XMarkIcon } from "./icons/solid";
 export { ArrowDownCircleIcon, ArrowDownOnSquareIcon, ArrowPathIcon, ArrowUpOnSquareIcon, AttachmentIcon, BackspaceIcon, BookmarkIcon, ChatBubbleBottomCenterPlusIcon, ChatBubbleBottomCenterTextIcon, ChatBubbleLeftRightIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClipboardCheckIcon, ClipboardIcon, ClockIcon, CloudArrowDownIcon, Cog6ToothIcon, CommandLineIcon, CubeIcon, DocumentDuplicateIcon, DocumentPlusIcon, DocumentTextIcon, EqualizerIcon, ExclamationCircleIcon, EyeIcon, EyeSlashIcon, FolderOpenIcon, GlobeAltIcon, HandThumbDownIcon, HandThumbUpIcon, InformationCircleIcon, KeyIcon, LightbulbIcon, LinkIcon, MagnifyingGlassIcon, MenuIcon, PaperAirplaneIcon, PencilSquareIcon, PlanetIcon, PlusCircleIcon, PlusIcon, QuestionMarkCircleIcon, RobotIcon, ServerIcon, SparklesIcon, Square3Stack3DIcon, TestTubeIcon, TrashIcon, UserGroupIcon, UserIcon, WrenchIcon, XCircleIcon, XMarkIcon, };
 import { ArrowDownCircle as ArrowDownCircleStrokeIcon, ArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, ArrowPath as ArrowPathStrokeIcon, ArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, Attachment as AttachmentStrokeIcon, Backspace as BackspaceStrokeIcon, Bookmark as BookmarkStrokeIcon, 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, Clipboard as ClipboardStrokeIcon, ClipboardCheck as ClipboardCheckStrokeIcon, Clock as ClockStrokeIcon, CloudArrowDown as CloudArrowDownStrokeIcon, Cog6Tooth as Cog6ToothStrokeIcon, CommandLine as CommandLineStrokeIcon, Cube as CubeStrokeIcon, DocumentDuplicate as DocumentDuplicateStrokeIcon, DocumentPlus as DocumentPlusStrokeIcon, DocumentText as DocumentTextStrokeIcon, Equalizer as EqualizerStrokeIcon, ExclamationCircle as ExclamationCircleStrokeIcon, Eye as EyeStrokeIcon, EyeSlash as EyeSlashStrokeIcon, FolderOpen as FolderOpenStrokeIcon, GlobeAlt as GlobeAltStrokeIcon, HandThumbDown as HandThumbDownStrokeIcon, HandThumbUp as HandThumbUpStrokeIcon, InformationCircle as InformationCircleStrokeIcon, Key as KeyStrokeIcon, Lightbulb as LightbulbStrokeIcon, Link as LinkStrokeIcon, MagnifyingGlass as MagnifyingGlassStrokeIcon, Menu as MenuStrokeIcon, PaperAirplane as PaperAirplaneStrokeIcon, PencilSquare as PencilSquareStrokeIcon, Planet as PlanetStrokeIcon, Plus as PlusStrokeIcon, PlusCircle as PlusCircleStrokeIcon, QuestionMarkCircle as QuestionMarkCircleStrokeIcon, Robot as RobotStrokeIcon, Server as ServerStrokeIcon, Sparkles as SparklesStrokeIcon, Square3Stack3D as Square3Stack3DStrokeIcon, TestTube as TestTubeStrokeIcon, Trash as TrashStrokeIcon, User as UserStrokeIcon, UserGroup as UserGroupStrokeIcon, Wrench as WrenchStrokeIcon, XCircle as XCircleStrokeIcon, XMark as XMarkStrokeIcon } from "./icons/stroke";

package/dist/esm/components/Avatar.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type AvatarProps = {
+    size: "xs" | "sm" | "md" | "lg" | "full";
+    name?: string;
+    visual?: string | React.ReactNode;
+    onClick?: () => void;
+    busy?: boolean;
+};
+export declare function Avatar({ size, name, visual, onClick, busy, }: AvatarProps): React.JSX.Element;
+export {};

package/dist/esm/components/Button.d.ts

@@ -1,7 +1,8 @@
 import React, { ComponentType, MouseEvent } from "react";
 import { TooltipProps } from "./Tooltip";
 export type ButtonProps = {
-    type?: "primary" | "primaryWarning" | "secondary" | "secondaryWarning" | "tertiary";
+    variant?: "primary" | "primaryWarning" | "secondary" | "secondaryWarning" | "tertiary";
+    type?: "button" | "menu" | "select";
     size?: "xs" | "sm" | "md";
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     disabled?: boolean;
@@ -11,4 +12,4 @@ export type ButtonProps = {
     className?: string;
     tooltipPosition?: TooltipProps["position"];
 };
-export declare function Button({ type, size, onClick, disabled, labelVisible, label, icon, className, tooltipPosition, }: ButtonProps): React.JSX.Element;
+export declare function Button({ variant, type, size, onClick, disabled, labelVisible, label, icon, className, tooltipPosition, }: ButtonProps): React.JSX.Element;

package/dist/esm/components/DropdownMenu.d.ts

@@ -6,12 +6,13 @@ export interface DropdownMenuProps {
 }
 export declare function DropdownMenu({ children, className }: DropdownMenuProps): React.JSX.Element;
 export declare namespace DropdownMenu {
-    var Button: ({ label, tooltip, icon, children, tooltipPosition, className, disabled, }: DropdownButtonProps) => React.JSX.Element;
+    var Button: ({ label, type, tooltip, icon, children, tooltipPosition, className, disabled, }: DropdownButtonProps) => React.JSX.Element;
     var Item: ({ label, href, disabled, key, onClick, }: DropdownItemProps) => React.JSX.Element;
     var Items: ({ origin, width, children, }: DropdownItemsProps) => React.JSX.Element;
 }
 export interface DropdownButtonProps {
     label?: string;
+    type?: "menu" | "select";
     tooltip?: string;
     tooltipPosition?: TooltipProps["position"];
     icon?: ComponentType;

package/dist/esm/icons/solid/ChevronUpDown.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgChevronUpDown: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgChevronUpDown;

package/dist/esm/icons/solid/index.d.ts

@@ -14,6 +14,7 @@ export { default as ChevronDown } from "./ChevronDown";
 export { default as ChevronLeft } from "./ChevronLeft";
 export { default as ChevronRight } from "./ChevronRight";
 export { default as ChevronUp } from "./ChevronUp";
+export { default as ChevronUpDown } from "./ChevronUpDown";
 export { default as Clipboard } from "./Clipboard";
 export { default as ClipboardCheck } from "./ClipboardCheck";
 export { default as Clock } from "./Clock";

package/dist/esm/icons/stroke/ChevronUpDown.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgChevronUpDown: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgChevronUpDown;

package/dist/esm/icons/stroke/index.d.ts

@@ -14,6 +14,7 @@ export { default as ChevronDown } from "./ChevronDown";
 export { default as ChevronLeft } from "./ChevronLeft";
 export { default as ChevronRight } from "./ChevronRight";
 export { default as ChevronUp } from "./ChevronUp";
+export { default as ChevronUpDown } from "./ChevronUpDown";
 export { default as Clipboard } from "./Clipboard";
 export { default as ClipboardCheck } from "./ClipboardCheck";
 export { default as Clock } from "./Clock";