@dust-tt/sparkle 0.2.213 → 0.2.214-pr2

package/dist/cjs/_index.d.ts

@@ -98,6 +98,8 @@ import { Markdown } from "./components/Markdown";
 export { Markdown };
 import { DataTable } from "./components/DataTable";
 export { DataTable };
+import { Breadcrumbs } from "@sparkle/components/Breadcrumbs";
+export { Breadcrumbs };
 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, Zendesk as ZendeskLogo } from "./logo/platforms";

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

@@ -0,0 +1,13 @@
+import type { ComponentType } from "react";
+import React from "react";
+type BreadcrumbProps = {
+    items: {
+        label: string;
+        icon?: ComponentType<{
+            className?: string;
+        }>;
+        href?: string;
+    }[];
+};
+export declare function Breadcrumbs({ items }: BreadcrumbProps): React.JSX.Element;
+export {};

package/dist/cjs/index.js

@@ -129182,6 +129182,20 @@ DataTable.Caption = function Caption(_a) {
     return (React.createElement("caption", __assign({ className: className }, props), children));
 };
 
+function Breadcrumbs(_a) {
+    var items = _a.items;
+    var components = React.useContext(SparkleContext).components;
+    var Link = components.link;
+    return (React.createElement("div", { className: "gap-2 s-flex s-flex-row s-items-center" }, items.map(function (item, index) { return (React.createElement("div", { key: index, className: "s-flex s-flex-row s-items-center s-gap-1" },
+        React.createElement(Icon, { visual: item.icon, className: "s-text-brand" }),
+        React.createElement("div", null, item.href ? (React.createElement(Link, { href: item.href, className: index === items.length - 1
+                ? "s-text-element-900"
+                : "s-text-element-700" }, item.label)) : (React.createElement("span", { className: index === items.length - 1
+                ? "s-text-element-900"
+                : "s-text-element-700" }, item.label))),
+        index === items.length - 1 ? null : (React.createElement(SvgChevronRight$1, { className: "s-text-element-500" })))); })));
+}
+
 var SvgLogoHorizontalColor = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
     React__namespace.createElement("path", { fill: "#FCD34D", d: "M84 12H72v12h12V12Z" }),
     React__namespace.createElement("path", { fill: "#6EE7B7", d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z" }),
@@ -129279,6 +129293,7 @@ exports.BookmarkIcon = SvgBookmark$1;
 exports.BookmarkStrokeIcon = SvgBookmark;
 exports.BracesIcon = SvgBraces$1;
 exports.BracesStrokeIcon = SvgBraces;
+exports.Breadcrumbs = Breadcrumbs;
 exports.Button = Button;
 exports.CardButton = CardButton;
 exports.CardIcon = SvgCard$1;