@dust-tt/sparkle 0.2.184 → 0.2.187

package/dist/cjs/_index.d.ts

@@ -0,0 +1,106 @@
+import { SparkleContext } from "./context";
+export { SparkleContext };
+import * as avatarUtils from "./lib/avatar/utils";
+export { avatarUtils };
+import { Div3D, Hover3D } from "./components/Hover3D";
+export { Div3D, Hover3D };
+import { Hoverable } from "./components/Hoverable";
+export { Hoverable };
+import { Button } from "./components/Button";
+export { Button };
+import { CardButton } from "./components/CardButton";
+export { CardButton };
+import { EmojiPicker } from "./components/EmojiPicker";
+export { EmojiPicker };
+import { SliderToggle } from "./components/SliderToggle";
+export { SliderToggle };
+import { Collapsible } from "./components/Collapsible";
+export { Collapsible };
+import { Tab } from "./components/Tab";
+export { Tab };
+import { Item } from "./components/Item";
+export { Item };
+import { ContextItem } from "./components/ContextItem";
+export { ContextItem };
+import { AssistantPreview } from "./components/AssistantPreview";
+export { AssistantPreview };
+import { Banner } from "./components/Banner";
+export { Banner };
+import { PaginatedCitationsGrid } from "./components/PaginatedCitationsGrid";
+export { PaginatedCitationsGrid };
+import { Notification } from "./components/Notification";
+export { Notification };
+import { Chip } from "./components/Chip";
+export { Chip };
+import { Citation } from "./components/Citation";
+export { Citation };
+import { ZoomableImageCitationWrapper } from "./components/ZoomableImageCitationWrapper";
+export { ZoomableImageCitationWrapper };
+import { DropdownMenu } from "./components/DropdownMenu";
+export { DropdownMenu };
+import { Page } from "./components/Page";
+export { Page };
+import { Pagination } from "./components/Pagination";
+export { Pagination };
+import { BarHeader } from "./components/BarHeader";
+export { BarHeader };
+import { PriceTable } from "./components/PriceTable";
+export { PriceTable };
+import { Icon } from "./components/Icon";
+export { Icon };
+import { Logo } from "./logo/Logo";
+export { Logo };
+import { Checkbox } from "./components/Checkbox";
+export { Checkbox };
+import { IconButton } from "./components/IconButton";
+export { IconButton };
+import { Tree } from "./components/Tree";
+export { Tree };
+import { IconToggleButton } from "./components/IconToggleButton";
+export { IconToggleButton };
+import { Tooltip } from "./components/Tooltip";
+export { Tooltip };
+import { ContentMessage } from "./components/ContentMessage";
+export { ContentMessage };
+import { ColorPicker } from "./components/ColorPicker";
+export { ColorPicker };
+import { Avatar } from "./components/Avatar";
+export { Avatar };
+import Spinner from "./components/Spinner";
+export { Spinner };
+import CollapseButton from "./components/CollapseButton";
+export { CollapseButton };
+import { Modal } from "./components/Modal";
+export { Modal };
+import ConfettiBackground from "./components/ConfettiBackground";
+export { ConfettiBackground };
+import { ElementModal } from "./components/ElementModal";
+export { ElementModal };
+import { Dialog } from "./components/Dialog";
+export { Dialog };
+import { ElementDialog } from "./components/ElementDialog";
+export { ElementDialog };
+import { Input } from "./components/Input";
+export { Input };
+import { Searchbar } from "./components/Searchbar";
+export { Searchbar };
+import { RadioButton } from "./components/RadioButton";
+export { RadioButton };
+import { Popup } from "./components/Popup";
+export { Popup };
+import { FilterChips } from "./components/FilterChips";
+export { FilterChips };
+import { TextArea } from "./components/TextArea";
+export { TextArea };
+import { Markdown } from "./components/Markdown";
+export { Markdown };
+import { DataTable } from "./components/DataTable";
+export { DataTable };
+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, Confluence as ConfluenceLogo, Drive as DriveLogo, Gemini as GeminiLogo, Github as GithubLogo, GithubWhite as GithubWhiteLogo, Gong as GongLogo, Google as GoogleLogo, GoogleDoc as GoogleDocLogo, GooglePdf as GooglePdfLogo, GoogleSlide as GoogleSlideLogo, GoogleSpreadsheet as GoogleSpreadsheetLogo, Gpt3 as Gpt3Logo, Gpt4 as Gpt4Logo, HuggingFace as HuggingFaceLogo, Intercom as IntercomLogo, Microsoft as MicrosoftLogo, MicrosoftExcel as MicrosoftExcelLogo, MicrosoftPowerpoint as MicrosoftPowerpointLogo, MicrosoftWord as MicrosoftWordLogo, Mistral as MistralLogo, Notion as NotionLogo, Office as OfficeLogo, Openai as OpenaiLogo, OpenaiWhite as OpenaiWhiteLogo, Replicate as ReplicateLogo, Salesforce as SalesforceLogo, Slack as SlackLogo, Zapier as ZapierLogo } from "./logo/platforms";
+export { Ai21Logo, AnthropicLogo, AnthropicWhiteLogo, ClaudeLogo, CohereLogo, ConfluenceLogo, DriveLogo, GeminiLogo, GithubLogo, GithubWhiteLogo, GongLogo, GoogleDocLogo, GoogleLogo, GooglePdfLogo, GoogleSlideLogo, GoogleSpreadsheetLogo, Gpt3Logo, Gpt4Logo, HuggingFaceLogo, IntercomLogo, MicrosoftExcelLogo, MicrosoftLogo, MicrosoftPowerpointLogo, MicrosoftWordLogo, MistralLogo, NotionLogo, OfficeLogo, OpenaiLogo, OpenaiWhiteLogo, ReplicateLogo, SalesforceLogo, SlackLogo, ZapierLogo, };
+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, CloudArrowUp as CloudArrowUpIcon, CloudX as CloudXIcon, Cog6Tooth as Cog6ToothIcon, Command as CommandIcon, CommandLine as CommandLineIcon, Cube as CubeIcon, Dash as DashIcon, Document as DocumentIcon, DocumentDuplicate as DocumentDuplicateIcon, DocumentPile as DocumentPileIcon, DocumentPlus as DocumentPlusIcon, DocumentText as DocumentTextIcon, Dust as DustIcon, EmotionLaugh as EmotionLaughIcon, Equalizer as EqualizerIcon, ExclamationCircle as ExclamationCircleIcon, ExternalLink as ExternalLinkIcon, Eye as EyeIcon, EyeSlash as EyeSlashIcon, Flag as FlagIcon, Folder as FolderIcon, FolderOpen as FolderOpenIcon, Fullscreen as FullscreenIcon, FullscreenExit as FullscreenExitIcon, GlobeAlt as GlobeAltIcon, Grab as GrabIcon, HandHeart as HandHeartIcon, HandThumbDown as HandThumbDownIcon, HandThumbUp as HandThumbUpIcon, HeartAlt as HeartAltIcon, Hexagon as HexagonIcon, Image as ImageIcon, InformationCircle as InformationCircleIcon, Key as KeyIcon, Lightbulb as LightbulbIcon, Link as LinkIcon, List as ListIcon, ListAdd as ListAddIcon, ListCheck as ListCheckIcon, ListRemove as ListRemoveIcon, Lock as LockIcon, Login as LoginIcon, Logout as LogoutIcon, Magic as MagicIcon, 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, Pushpin as PushpinIcon, Puzzle as PuzzleIcon, QuestionMarkCircle as QuestionMarkCircleIcon, Reaction as ReactionIcon, Rectangle as RectangleIcon, Robot as RobotIcon, Rocket as RocketIcon, Scan as ScanIcon, Server as ServerIcon, ShakeHands as ShakeHandsIcon, Shapes as ShapesIcon, Sparkles as SparklesIcon, Square as SquareIcon, Square3Stack3D as Square3Stack3DIcon, Star as StarIcon, Stop as StopIcon, Table as TableIcon, Template as TemplateIcon, TestTube as TestTubeIcon, Time as TimeIcon, 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, CloudArrowUpIcon, CloudXIcon, Cog6ToothIcon, CommandIcon, CommandLineIcon, CubeIcon, DashIcon, DocumentDuplicateIcon, DocumentIcon, DocumentPileIcon, DocumentPlusIcon, DocumentTextIcon, DustIcon, EmotionLaughIcon, EqualizerIcon, ExclamationCircleIcon, ExternalLinkIcon, EyeIcon, EyeSlashIcon, FlagIcon, FolderIcon, FolderOpenIcon, FullscreenExitIcon, FullscreenIcon, GlobeAltIcon, GrabIcon, HandHeartIcon, HandThumbDownIcon, HandThumbUpIcon, HeartAltIcon, HexagonIcon, ImageIcon, InformationCircleIcon, KeyIcon, LightbulbIcon, LinkIcon, ListAddIcon, ListCheckIcon, ListIcon, ListRemoveIcon, LockIcon, LoginIcon, LogoutIcon, MagicIcon, MagnifyingGlassIcon, MenuIcon, MoreIcon, MovingMailIcon, PaintIcon, PaperAirplaneIcon, PauseIcon, PencilSquareIcon, PlanetIcon, PlayIcon, PlusCircleIcon, PlusIcon, PushpinIcon, PuzzleIcon, QuestionMarkCircleIcon, ReactionIcon, RectangleIcon, RobotIcon, RocketIcon, ScanIcon, ServerIcon, ShakeHandsIcon, ShapesIcon, SparklesIcon, Square3Stack3DIcon, SquareIcon, StarIcon, StopIcon, TableIcon, TemplateIcon, TestTubeIcon, TimeIcon, 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, CloudArrowUp as CloudArrowUpStrokeIcon, CloudX as CloudXStrokeIcon, Cog6Tooth as Cog6ToothStrokeIcon, Command as CommandStrokeIcon, CommandLine as CommandLineStrokeIcon, Cube as CubeStrokeIcon, Dash as DashStrokeIcon, Document as DocumentStrokeIcon, DocumentDuplicate as DocumentDuplicateStrokeIcon, DocumentPile as DocumentPileStrokeIcon, DocumentPlus as DocumentPlusStrokeIcon, DocumentText as DocumentTextStrokeIcon, Dust as DustStrokeIcon, EmotionLaugh as EmotionLaughStrokeIcon, Equalizer as EqualizerStrokeIcon, ExclamationCircle as ExclamationCircleStrokeIcon, ExternalLink as ExternalLinkStrokeIcon, Eye as EyeStrokeIcon, EyeSlash as EyeSlashStrokeIcon, Flag as FlagStrokeIcon, Folder as FolderStrokeIcon, FolderOpen as FolderOpenStrokeIcon, Fullscreen as FullscreenStrokeIcon, FullscreenExit as FullscreenExitStrokeIcon, GlobeAlt as GlobeAltStrokeIcon, Grab as GrabStrokeIcon, HandHeart as HandHeartStrokeIcon, HandThumbDown as HandThumbDownStrokeIcon, HandThumbUp as HandThumbUpStrokeIcon, HeartAlt as HeartAltStrokeIcon, Hexagon as HexagonStrokeIcon, Image as ImageStrokeIcon, InformationCircle as InformationCircleStrokeIcon, Key as KeyStrokeIcon, Lightbulb as LightbulbStrokeIcon, Link as LinkStrokeIcon, List as ListStrokeIcon, ListAdd as ListAddStrokeIcon, ListCheck as ListCheckStrokeIcon, ListRemove as ListRemoveStrokeIcon, Lock as LockStrokeIcon, Login as LoginStrokeIcon, Logout as LogoutStrokeIcon, Magic as MagicStrokeIcon, 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, Pushpin as PushpinStrokeIcon, Puzzle as PuzzleStrokeIcon, QuestionMarkCircle as QuestionMarkCircleStrokeIcon, Reaction as ReactionStrokeIcon, Rectangle as RectangleStrokeIcon, Robot as RobotStrokeIcon, Rocket as RocketStrokeIcon, Scan as ScanStrokeIcon, Server as ServerStrokeIcon, ShakeHands as ShakeHandsStrokeIcon, Shapes as ShapesStrokeIcon, Sparkles as SparklesStrokeIcon, Square as SquareStrokeIcon, Square3Stack3D as Square3Stack3DStrokeIcon, Star as StarStrokeIcon, Stop as StopStrokeIcon, Table as TableStrokeIcon, Template as TemplateStrokeIcon, TestTube as TestTubeStrokeIcon, Time as TimeStrokeIcon, 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";
+export { ArrowDownCircleStrokeIcon, ArrowDownOnSquareStrokeIcon, ArrowDownStrokeIcon, ArrowLeftStrokeIcon, ArrowPathStrokeIcon, ArrowRightStrokeIcon, ArrowUpOnSquareStrokeIcon, ArrowUpStrokeIcon, AttachmentStrokeIcon, BackspaceStrokeIcon, BookmarkStrokeIcon, BookOpenStrokeIcon, BracesStrokeIcon, CardStrokeIcon, ChatBubbleBottomCenterPlusStrokeIcon, ChatBubbleBottomCenterTextStrokeIcon, ChatBubbleLeftRightStrokeIcon, CheckCircleStrokeIcon, CheckStrokeIcon, ChevronDownStrokeIcon, ChevronLeftStrokeIcon, ChevronRightStrokeIcon, ChevronUpDownStrokeIcon, ChevronUpStrokeIcon, CircleStrokeIcon, ClipboardCheckStrokeIcon, ClipboardStrokeIcon, ClockStrokeIcon, CloudArrowDownStrokeIcon, CloudArrowLeftRightStrokeIcon, CloudArrowUpStrokeIcon, CloudXStrokeIcon, Cog6ToothStrokeIcon, CommandLineStrokeIcon, CommandStrokeIcon, CubeStrokeIcon, DashStrokeIcon, DocumentDuplicateStrokeIcon, DocumentPileStrokeIcon, DocumentPlusStrokeIcon, DocumentStrokeIcon, DocumentTextStrokeIcon, DustStrokeIcon, EmotionLaughStrokeIcon, EqualizerStrokeIcon, ExclamationCircleStrokeIcon, ExternalLinkStrokeIcon, EyeSlashStrokeIcon, EyeStrokeIcon, FlagStrokeIcon, FolderOpenStrokeIcon, FolderStrokeIcon, FullscreenExitStrokeIcon, FullscreenStrokeIcon, GlobeAltStrokeIcon, GrabStrokeIcon, HandHeartStrokeIcon, HandThumbDownStrokeIcon, HandThumbUpStrokeIcon, HeartAltStrokeIcon, HexagonStrokeIcon, ImageStrokeIcon, InformationCircleStrokeIcon, KeyStrokeIcon, LightbulbStrokeIcon, LinkStrokeIcon, ListAddStrokeIcon, ListCheckStrokeIcon, ListRemoveStrokeIcon, ListStrokeIcon, LockStrokeIcon, LoginStrokeIcon, LogoutStrokeIcon, MagicStrokeIcon, MagnifyingGlassStrokeIcon, MenuStrokeIcon, MoreStrokeIcon, MovingMailStrokeIcon, PaintStrokeIcon, PaperAirplaneStrokeIcon, PauseStrokeIcon, PencilSquareStrokeIcon, PlanetStrokeIcon, PlayStrokeIcon, PlusCircleStrokeIcon, PlusStrokeIcon, PushpinStrokeIcon, PuzzleStrokeIcon, QuestionMarkCircleStrokeIcon, ReactionStrokeIcon, RectangleStrokeIcon, RobotStrokeIcon, RocketStrokeIcon, ScanStrokeIcon, ServerStrokeIcon, ShakeHandsStrokeIcon, ShapesStrokeIcon, SparklesStrokeIcon, Square3Stack3DStrokeIcon, SquareStrokeIcon, StarStrokeIcon, StopStrokeIcon, TableStrokeIcon, TemplateStrokeIcon, TestTubeStrokeIcon, TimeStrokeIcon, TrashStrokeIcon, TriangleStrokeIcon, UserArrowStrokeIcon, UserGroupStrokeIcon, UserPlusStrokeIcon, UserStrokeIcon, WrenchStrokeIcon, XCircleStrokeIcon, XMarkStrokeIcon, };

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

@@ -0,0 +1,23 @@
+import React from "react";
+type AssistantPreviewVariant = "list" | "minimal";
+interface BaseAssistantPreviewProps {
+    variant: AssistantPreviewVariant;
+    description: string;
+    title: string;
+    pictureUrl: string;
+    subtitle?: string;
+    onClick?: () => void;
+}
+type ListVariantAssistantPreviewProps = BaseAssistantPreviewProps & {
+    variant: "list";
+};
+type MinimalVariantAssistantPreviewProps = BaseAssistantPreviewProps & {
+    variant: "minimal";
+    hasAction?: boolean;
+    href?: string;
+    onClick?: () => void;
+    onActionClick?: () => void;
+};
+type AssistantPreviewProps = ListVariantAssistantPreviewProps | MinimalVariantAssistantPreviewProps;
+export declare function AssistantPreview(props: AssistantPreviewProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,26 @@
+import React from "react";
+type AvatarProps = {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "auto";
+    name?: string;
+    emoji?: string;
+    visual?: string | React.ReactNode;
+    clickable?: boolean;
+    onClick?: () => void;
+    busy?: boolean;
+    isRounded?: boolean;
+    backgroundColor?: string;
+    className?: string;
+    disabled?: boolean;
+};
+export declare function Avatar({ size, name, emoji, visual, onClick, clickable, busy, isRounded, backgroundColor, disabled, className, }: AvatarProps): React.JSX.Element;
+export declare namespace Avatar {
+    var Stack: ({ children, nbMoreItems, size, isRounded, hasMagnifier, }: AvatarStackProps) => React.JSX.Element;
+}
+interface AvatarStackProps {
+    children: React.ReactElement<AvatarProps> | React.ReactElement<AvatarProps>[];
+    nbMoreItems?: number;
+    size?: "xs" | "sm" | "md";
+    isRounded?: boolean;
+    hasMagnifier?: boolean;
+}
+export {};

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

@@ -0,0 +1,11 @@
+import React from "react";
+interface BannerProps {
+    variant?: "info" | "incident" | "error";
+    allowDismiss?: boolean;
+    className?: string;
+    hidden?: boolean;
+    onDismiss?: () => void;
+    children?: React.ReactNode;
+}
+export declare function Banner({ variant, allowDismiss, className, hidden, onDismiss, children, }: BannerProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,34 @@
+import React from "react";
+interface BarHeaderProps {
+    title: string;
+    leftActions?: React.ReactNode;
+    rightActions?: React.ReactNode;
+    className?: string;
+}
+export declare function BarHeader({ title, leftActions, rightActions, className, }: BarHeaderProps): React.JSX.Element;
+export declare namespace BarHeader {
+    var ButtonBar: (props: BarHeaderButtonBarProps) => React.JSX.Element | null;
+}
+type BarHeaderButtonBarCloseProps = {
+    variant: "close";
+    onClose?: () => void;
+};
+type BarHeaderButtonBarBackProps = {
+    variant: "back";
+    onBack?: () => void;
+};
+type BarHeaderButtonBarValidateProps = {
+    variant: "validate";
+    onCancel?: () => void;
+    onSave?: () => void;
+    saveLabel?: string;
+    isSaving?: boolean;
+    savingLabel?: string;
+};
+type BarHeaderButtonBarConversationProps = {
+    variant: "conversation";
+    onDelete?: () => void;
+    onShare?: () => void;
+};
+export type BarHeaderButtonBarProps = BarHeaderButtonBarCloseProps | BarHeaderButtonBarBackProps | BarHeaderButtonBarValidateProps | BarHeaderButtonBarConversationProps;
+export {};

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

@@ -0,0 +1,27 @@
+import React, { ComponentType, MouseEvent, ReactNode } from "react";
+import { TooltipProps } from "./Tooltip";
+export type ButtonProps = {
+    variant?: "primary" | "primaryWarning" | "secondary" | "secondaryWarning" | "tertiary" | "avatar";
+    type?: "button" | "menu" | "select";
+    size?: "xs" | "sm" | "md" | "lg";
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    hasMagnifying?: boolean;
+    label: string;
+    labelVisible?: boolean;
+    icon?: ComponentType;
+    avatar?: string;
+    className?: string;
+    tooltipPosition?: TooltipProps["position"];
+    disabledTooltip?: boolean;
+};
+export declare function Button({ variant, type, size, onClick, disabled, labelVisible, label, icon, className, tooltipPosition, hasMagnifying, disabledTooltip, avatar, }: ButtonProps): React.JSX.Element;
+export declare namespace Button {
+    var List: ({ children, isWrapping, className, }: ButtonListProps) => React.JSX.Element;
+}
+interface ButtonListProps {
+    children: ReactNode;
+    isWrapping?: boolean;
+    className?: string;
+}
+export {};

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

@@ -0,0 +1,19 @@
+/// <reference types="node" />
+import React, { ReactNode } from "react";
+import type { UrlObject } from "url";
+interface CardButtonProps {
+    children: ReactNode;
+    variant?: "primary" | "secondary" | "tertiary";
+    size?: "sm" | "md" | "lg";
+    className?: string;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    href?: string | UrlObject;
+    target?: string;
+    rel?: string;
+    replace?: boolean;
+    shallow?: boolean;
+}
+export declare function CardButton({ children, variant, size, className, onClick, onMouseEnter, onMouseLeave, href, target, rel, replace, shallow, }: CardButtonProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+import React from "react";
+export interface CheckboxProps {
+    variant?: "selectable" | "checkable";
+    checked: boolean;
+    disabled?: boolean;
+    partialChecked?: boolean;
+    onChange: (checked: boolean) => void;
+    className?: string;
+}
+export declare function Checkbox({ variant, checked, onChange, className, disabled, partialChecked, }: CheckboxProps): React.JSX.Element;

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

@@ -0,0 +1,20 @@
+import React, { ComponentType, ReactNode } from "react";
+type ChipProps = {
+    size?: "xs" | "sm";
+    color?: "emerald" | "amber" | "slate" | "purple" | "warning" | "sky" | "pink" | "action" | "red";
+    label?: string;
+    children?: ReactNode;
+    className?: string;
+    isBusy?: boolean;
+    icon?: ComponentType;
+};
+export declare function Chip({ size, color, label, children, className, isBusy, icon, }: ChipProps): React.JSX.Element;
+export declare namespace Chip {
+    var List: ({ children, className, isWrapping }: ListChipProps) => React.JSX.Element;
+}
+interface ListChipProps {
+    children: ReactNode;
+    className?: string;
+    isWrapping?: boolean;
+}
+export {};

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

@@ -0,0 +1,18 @@
+import React, { ReactNode } from "react";
+export type CitationType = "confluence" | "document" | "github" | "google_drive" | "image" | "intercom" | "microsoft" | "notion" | "slack";
+interface CitationProps {
+    avatarSrc?: string;
+    description?: string;
+    href?: string;
+    imgSrc?: string;
+    index?: ReactNode;
+    isBlinking?: boolean;
+    isLoading?: boolean;
+    onClose?: () => void;
+    size?: "xs" | "sm";
+    sizing?: "fixed" | "fluid";
+    title: string;
+    type?: CitationType;
+}
+export declare function Citation({ avatarSrc, description, href, imgSrc, index, isBlinking, isLoading, onClose, size, sizing, title, type, }: CitationProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import React from "react";
+export interface CollapseButtonProps {
+    direction: "left" | "right";
+}
+declare const CollapseButton: React.FC<CollapseButtonProps>;
+export default CollapseButton;

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

@@ -0,0 +1,20 @@
+import React from "react";
+export interface CollapsibleProps {
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+}
+export declare const Collapsible: React.FC<CollapsibleProps> & {
+    Button: React.FC<CollapsibleButtonProps>;
+    Panel: React.FC<CollapsiblePanelProps>;
+};
+export interface CollapsibleButtonProps {
+    label?: string;
+    className?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    variant?: "primary" | "secondary";
+}
+export interface CollapsiblePanelProps {
+    children: React.ReactNode;
+    open?: boolean;
+}

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface ColorPickerProps<T extends string> {
+    onColorSelect: (color: T) => void;
+    colors: T[];
+}
+export declare function ColorPicker<T extends string>({ colors, onColorSelect, }: ColorPickerProps<T>): React.JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface ConfettiBackgroundProps {
+    width?: number;
+    height?: number;
+    variant?: "confetti" | "snow";
+    referentSize?: React.RefObject<HTMLElement>;
+}
+declare const ConfettiBackground: React.FC<ConfettiBackgroundProps>;
+export default ConfettiBackground;

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface ContentMessageProps {
+    title: string;
+    children: React.ReactNode;
+    className?: string;
+    size?: "sm" | "md";
+    variant?: "emerald" | "amber" | "slate" | "purple" | "warning" | "sky" | "pink" | "action" | "red";
+}
+export declare function ContentMessage({ title, variant, children, size, className, }: ContentMessageProps): React.JSX.Element;

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

@@ -0,0 +1,38 @@
+import React, { ComponentType, ReactNode } from "react";
+type ContextItemProps = {
+    action?: ReactNode;
+    children?: ReactNode;
+    hasSeparator?: boolean;
+    hasSeparatorIfLast?: boolean;
+    subElement?: ReactNode;
+    title: ReactNode;
+    visual: ReactNode;
+    onClick?: () => void;
+};
+export declare function ContextItem({ action, children, hasSeparator, hasSeparatorIfLast, subElement, title, visual, onClick, }: 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;
+    var Visual: ({ visual }: ContextItemVisualProps) => React.JSX.Element;
+    var SectionHeader: ({ title, description, hasBorder, }: ItemSectionHeaderProps) => React.JSX.Element;
+}
+interface ContextItemListProps {
+    children: ReactNode;
+    className?: string;
+    hasBorder?: boolean;
+}
+interface ContextItemDescriptionProps {
+    children?: ReactNode;
+    description?: string;
+}
+interface ContextItemVisualProps {
+    visual?: ComponentType<{
+        className?: string;
+    }>;
+}
+interface ItemSectionHeaderProps {
+    title: string;
+    description?: string;
+    hasBorder?: boolean;
+}
+export {};

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

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+type SupportedRowType = string | number;
+interface DataTableProps {
+    name?: string;
+    columns: string[];
+    rows: SupportedRowType[][];
+    enableCopy?: boolean;
+    showLimit?: number;
+    downloadButton?: ReactNode;
+}
+export declare const DataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLTableElement>>;
+export {};

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

@@ -0,0 +1,14 @@
+import React from "react";
+export type ModalProps = {
+    title: string;
+    children: React.ReactNode;
+    isOpen: boolean;
+    onCancel: () => void;
+    onValidate: () => void;
+    cancelLabel?: string;
+    validateLabel?: string;
+    validateVariant?: "primary" | "primaryWarning";
+    isSaving?: boolean;
+    backgroundType?: "confetti" | "snow" | "none";
+};
+export declare function Dialog({ isOpen, children, onCancel, onValidate, cancelLabel, validateLabel, validateVariant, title, isSaving, backgroundType, }: ModalProps): React.JSX.Element;

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

@@ -0,0 +1,56 @@
+import React, { ComponentType, JSXElementConstructor, ReactElement } from "react";
+import { TooltipProps } from "./Tooltip";
+export interface DropdownMenuProps {
+    className?: string;
+    children: React.ReactNode | (({ close, }: {
+        close: () => void;
+    }) => ReactElement<unknown, string | JSXElementConstructor<unknown>>);
+}
+export declare function DropdownMenu({ children, className }: DropdownMenuProps): React.JSX.Element;
+export declare namespace DropdownMenu {
+    var Button: ({ label, type, size, tooltip, icon, children, tooltipPosition, className, disabled, onClick, }: DropdownButtonProps) => React.JSX.Element;
+    var Item: ({ variant, label, description, href, disabled, visual, icon, onClick, hasChildren, children, selected, }: DropdownItemProps) => React.JSX.Element;
+    var SectionHeader: ({ label }: DropdownSectionHeaderProps) => React.JSX.Element;
+    var Items: ({ origin, width, marginLeft, children, topBar, bottomBar, onKeyDown, overflow, variant, }: DropdownItemsProps) => React.JSX.Element;
+}
+export interface DropdownButtonProps {
+    label?: string;
+    type?: "menu" | "submenu" | "select";
+    size?: "sm" | "md";
+    tooltip?: string;
+    tooltipPosition?: TooltipProps["position"];
+    icon?: ComponentType;
+    className?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    onClick?: () => void;
+}
+interface DropdownItemProps {
+    variant?: "default" | "warning";
+    label: string;
+    description?: string;
+    href?: string;
+    disabled?: boolean;
+    visual?: string | React.ReactNode;
+    icon?: ComponentType;
+    onClick?: () => void;
+    selected?: boolean;
+    hasChildren?: boolean;
+    children?: React.ReactNode;
+}
+interface DropdownSectionHeaderProps {
+    label: string;
+}
+type ItemsVariantType = "default" | "no-padding";
+interface DropdownItemsProps {
+    origin?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "auto";
+    width?: number;
+    marginLeft?: number;
+    children: React.ReactNode;
+    topBar?: React.ReactNode;
+    bottomBar?: React.ReactNode;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    overflow?: "visible" | "auto";
+    variant?: ItemsVariantType;
+}
+export {};

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { ModalProps } from "./Dialog";
+type ElementDialogProps<T> = Omit<ModalProps, "isOpen" | "onValidate" | "onCancel"> & {
+    openOnElement: T | null;
+    onValidate: (closeDialogFn: () => void) => void;
+    onCancel: (closeDialogFn: () => void) => void;
+    closeDialogFn: () => void;
+};
+export declare function ElementDialog<T>({ openOnElement, closeDialogFn, onValidate, onCancel, ...props }: ElementDialogProps<T>): React.JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { ModalProps } from "./Modal";
+type ElementModalProps<T> = Omit<ModalProps, "isOpen" | "onSave"> & {
+    openOnElement: T | null;
+    onSave?: (closeModalFn: () => void) => void;
+};
+export declare function ElementModal<T>({ openOnElement, onClose, onSave, ...props }: ElementModalProps<T>): React.JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import type { EmojiMartData } from "@emoji-mart/data";
+import React from "react";
+import { EmojiSkinType } from "@sparkle/lib/avatar/types";
+interface EmojiPickerProps {
+    data?: EmojiMartData;
+    onEmojiSelect: (emoji: EmojiSkinType) => void;
+    previewPosition?: "none";
+    theme: "dark" | "light";
+}
+export declare function EmojiPicker({ data, onEmojiSelect, previewPosition, theme, }: EmojiPickerProps): React.JSX.Element;
+export declare namespace EmojiPicker {
+    var defaults: {
+        previewPosition: string;
+    };
+}
+export {};

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

@@ -0,0 +1,8 @@
+import React from "react";
+interface FilterChipsProps<T extends string> {
+    filters: T[];
+    onFilterClick: (filterName: T) => void;
+    defaultFilter?: T;
+}
+export declare function FilterChips<T extends string>({ filters, onFilterClick, defaultFilter, }: FilterChipsProps<T>): React.JSX.Element;
+export {};

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

@@ -0,0 +1,26 @@
+import React from "react";
+export declare const useHover3D: () => {
+    isHovered: boolean;
+    setHovered?: ((state: boolean) => void) | undefined;
+};
+interface Hover3DProps {
+    children: React.ReactNode;
+    xOffset?: number;
+    yOffset?: number;
+    attack?: number;
+    release?: number;
+    perspective?: number;
+    className?: string;
+    depth?: number;
+    range?: number;
+    fullscreenSensible?: boolean;
+    reference?: "screen" | "object";
+}
+declare function Hover3D({ children, xOffset, yOffset, attack, release, perspective, depth, className, range, fullscreenSensible, reference, }: Hover3DProps): React.JSX.Element;
+interface divProps {
+    depth: number;
+    children: React.ReactNode;
+    className?: string;
+}
+declare const Div3D: ({ depth, children, className }: divProps) => React.JSX.Element;
+export { Div3D, Hover3D };

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

@@ -0,0 +1,9 @@
+import React, { SyntheticEvent } from "react";
+import { ReactNode } from "react";
+interface HoverableProps {
+    children: ReactNode;
+    className?: string;
+    onClick: (e: SyntheticEvent) => void;
+}
+export declare function Hoverable({ children, className, onClick, }: HoverableProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import React, { ComponentType } from "react";
+export interface IconProps {
+    visual?: ComponentType<{
+        className?: string;
+    }>;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    className?: string;
+}
+export declare function Icon({ visual: IconComponent, size, className, }: IconProps): React.JSX.Element | null;

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

@@ -0,0 +1,14 @@
+import React, { ComponentType, MouseEventHandler } from "react";
+import { TooltipProps } from "./Tooltip";
+type IconButtonProps = {
+    variant?: "primary" | "warning" | "secondary" | "tertiary" | "white";
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    size?: "xs" | "sm" | "md";
+    tooltip?: string;
+    tooltipPosition?: TooltipProps["position"];
+    icon?: ComponentType;
+    className?: string;
+    disabled?: boolean;
+};
+export declare function IconButton({ variant, onClick, disabled, tooltip, tooltipPosition, icon, className, size, }: IconButtonProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import React, { ComponentType, MouseEventHandler } from "react";
+import { TooltipProps } from "./Tooltip";
+type IconToggleButtonProps = {
+    variant?: "secondary" | "tertiary";
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    size?: "xs" | "sm" | "md";
+    tooltip?: string;
+    tooltipPosition?: TooltipProps["position"];
+    icon: ComponentType;
+    iconSelected?: ComponentType;
+    className?: string;
+    disabled?: boolean;
+    selected?: boolean;
+};
+export declare function IconToggleButton({ variant, onClick, disabled, tooltip, tooltipPosition, icon, iconSelected, className, selected, size, }: IconToggleButtonProps): React.JSX.Element;
+export {};