@dust-tt/sparkle 0.2.467 → 0.2.469

package/dist/esm/stories/Dropdown.stories.js

@@ -1,8 +1,8 @@
 import { __read } from "tslib";
 import React from "react";
-import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSearchbar, DropdownMenuSeparator, DropdownMenuStaticItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "../components/Dropdown";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuStaticItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "../components/Dropdown";
 import { AnthropicLogo, DriveLogo, GithubLogo, MistralLogo, NotionLogo, OpenaiLogo, SlackLogo, } from "../logo/platforms";
-import { ArrowDownCircleIcon, Avatar, Button, ChatBubbleBottomCenterPlusIcon, CloudArrowDownIcon, CloudArrowUpIcon, Cog6ToothIcon, DocumentIcon, FolderIcon, HandThumbDownIcon, HandThumbUpIcon, Icon, LogoutIcon, MagicIcon, ScrollArea, UserGroupIcon, UserIcon, } from "../index_with_tw_base";
+import { ActionArmchairIcon, ActionCloudArrowDownIcon, ActionCommand1Icon, ActionDocumentIcon, ActionFolderIcon, ActionMagicIcon, ActionUserGroupIcon, ArrowDownCircleIcon, ArrowUpOnSquareIcon, AttachmentIcon, Avatar, Button, ChatBubbleBottomCenterPlusIcon, CloudArrowDownIcon, Cog6ToothIcon, DocumentIcon, FolderIcon, HandThumbDownIcon, HandThumbUpIcon, Icon, LogoutIcon, MagicIcon, MagnifyingGlassIcon, PlusIcon, RobotIcon, ScrollArea, SearchInput, SuitcaseIcon, UserGroupIcon, UserIcon, } from "../index_with_tw_base";
 var meta = {
     title: "Primitives/Dropdown",
     component: DropdownMenu,
@@ -15,8 +15,9 @@ export var DropdownExamples = function () { return (React.createElement("div", {
     React.createElement("div", null, DropdownMenuRadioGroupDemo()),
     React.createElement("div", null, ModelsDropdownDemo()),
     React.createElement("div", null, ModelsDropdownRadioGroupDemo()),
-    React.createElement("div", null, DropdownMenuSearchbarDemo()),
     React.createElement("div", null, StaticItemDropdownDemo()))); };
+export var PickerExamples = function () { return (React.createElement("div", { className: "s-flex s-h-80 s-w-full s-flex-col s-items-center s-justify-center s-gap-4 s-text-foreground dark:s-text-foreground-night" },
+    React.createElement("div", null, AttachFileDemo()))); };
 function SimpleDropdownDemo() {
     return (React.createElement(DropdownMenu, null,
         React.createElement(DropdownMenuTrigger, null, "Open Simple Dropdown"),
@@ -141,9 +142,39 @@ function ModelsDropdownRadioGroupDemo() {
                 React.createElement(DropdownMenuLabel, { label: "Best performing models" }),
                 bestPerformingModels.map(function (modelConfig) { return (React.createElement(DropdownMenuRadioItem, { key: modelConfig.name, label: modelConfig.name, icon: modelConfig.icon, description: modelConfig.description, value: modelConfig.name })); })))));
 }
-function DropdownMenuSearchbarDemo() {
+function AttachFileDemo() {
     var _a = __read(React.useState(""), 2), searchText = _a[0], setSearchText = _a[1];
     var _b = __read(React.useState(null), 2), selectedItem = _b[0], setSelectedItem = _b[1];
+    var _c = __read(React.useState(false), 2), open = _c[0], setOpen = _c[1];
+    var _d = __read(React.useState(false), 2), openAgents = _d[0], setOpenAgents = _d[1];
+    var _e = __read(React.useState(false), 2), openToolsets = _e[0], setOpenToolsets = _e[1];
+    var searchInputRef = React.useRef(null);
+    var agentsSearchInputRef = React.useRef(null);
+    var toolsetsSearchInputRef = React.useRef(null);
+    React.useEffect(function () {
+        if (open) {
+            setTimeout(function () {
+                var _a;
+                (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 0);
+        }
+    }, [open]);
+    React.useEffect(function () {
+        if (openAgents) {
+            setTimeout(function () {
+                var _a;
+                (_a = agentsSearchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 0);
+        }
+    }, [openAgents]);
+    React.useEffect(function () {
+        if (openToolsets) {
+            setTimeout(function () {
+                var _a;
+                (_a = toolsetsSearchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 0);
+        }
+    }, [openToolsets]);
     var items = [
         "Automated Data Processing Automated Data Processing Automated Data Processing Automated Data Processing",
         "Business Intelligence Dashboard",
@@ -171,22 +202,156 @@ function DropdownMenuSearchbarDemo() {
     });
     var mainIcons = [FolderIcon, DocumentIcon];
     var extraIcons = [DriveLogo, NotionLogo, SlackLogo];
-    return (React.createElement(DropdownMenu, null,
-        React.createElement(DropdownMenuTrigger, { asChild: true },
-            React.createElement(Button, { label: selectedItem || "Select System", variant: "outline", size: "sm" })),
-        React.createElement(DropdownMenuContent, { className: "s-w-[300px]" },
-            React.createElement(DropdownMenuItem, { icon: CloudArrowUpIcon, label: "Upload File" }),
-            React.createElement(DropdownMenuSeparator, null),
-            React.createElement(DropdownMenuSearchbar, { placeholder: "Search systems...", name: "search", value: searchText, onChange: setSearchText }),
-            React.createElement(DropdownMenuSeparator, null),
-            React.createElement(ScrollArea, { className: "s-h-[200px]" }, filteredItems.map(function (item) {
-                var randomMainIcon = mainIcons[Math.floor(Math.random() * mainIcons.length)];
-                var randomExtraIcon = extraIcons[Math.floor(Math.random() * extraIcons.length)];
-                return (React.createElement(DropdownMenuItem, { key: item, label: item, description: "Company Space/Notion", icon: randomMainIcon, extraIcon: randomExtraIcon, onClick: function () {
-                        setSelectedItem(item);
-                        setSearchText("");
-                    }, truncateText: true }));
-            })))));
+    var filteredAgents = [
+        {
+            name: "Research Assistant",
+            description: "Academic research and paper analysis",
+            emoji: "🔬",
+            backgroundColor: "s-bg-blue-200",
+        },
+        {
+            name: "Code Companion",
+            description: "Pair programming and code review",
+            emoji: "💻",
+            backgroundColor: "s-bg-purple-200",
+        },
+        {
+            name: "Data Analyst",
+            description: "Data visualization and insights",
+            emoji: "��",
+            backgroundColor: "s-bg-green-200",
+        },
+        {
+            name: "Content Writer",
+            description: "Blog posts and marketing copy",
+            emoji: "✍️",
+            backgroundColor: "s-bg-yellow-200",
+        },
+        {
+            name: "Customer Support",
+            description: "24/7 customer service automation",
+            emoji: "🤝",
+            backgroundColor: "s-bg-pink-200",
+        },
+        {
+            name: "Legal Assistant",
+            description: "Contract review and legal research",
+            emoji: "⚖️",
+            backgroundColor: "s-bg-red-200",
+        },
+        {
+            name: "Design Assistant",
+            description: "UI/UX design and prototyping",
+            emoji: "🎨",
+            backgroundColor: "s-bg-indigo-200",
+        },
+        {
+            name: "Financial Advisor",
+            description: "Investment analysis and planning",
+            emoji: "💰",
+            backgroundColor: "s-bg-emerald-200",
+        },
+    ];
+    var filteredToolsetList = [
+        {
+            name: "Product Design Suite",
+            description: "Figma, Adobe XD, and design assets",
+            icon: ActionMagicIcon,
+        },
+        {
+            name: "Business Intelligence",
+            description: "Tableau, PowerBI, and analytics tools",
+            icon: ActionDocumentIcon,
+        },
+        {
+            name: "Project Management",
+            description: "Notion, Jira, and task tracking",
+            icon: ActionFolderIcon,
+        },
+        {
+            name: "Communication Hub",
+            description: "Slack, Email, and messaging platforms",
+            icon: ActionArmchairIcon,
+        },
+        {
+            name: "Development Stack",
+            description: "GitHub, VSCode, and dev tools",
+            icon: ActionCommand1Icon,
+        },
+        {
+            name: "Customer Success",
+            description: "Zendesk, Intercom, and support tools",
+            icon: ActionUserGroupIcon,
+        },
+        {
+            name: "Marketing Suite",
+            description: "HubSpot, Mailchimp, and campaign tools",
+            icon: ActionCloudArrowDownIcon,
+        },
+        {
+            name: "Data Warehouse",
+            description: "Snowflake, BigQuery, and data storage",
+            icon: ActionArmchairIcon,
+        },
+        {
+            name: "HR Platform",
+            description: "BambooHR, Workday, and people tools",
+            icon: ActionMagicIcon,
+        },
+        {
+            name: "Finance Stack",
+            description: "QuickBooks, Stripe, and payment tools",
+            icon: ActionFolderIcon,
+        },
+    ];
+    return (React.createElement("div", { className: "s-flex s-gap-2" },
+        React.createElement(DropdownMenu, { open: open, onOpenChange: setOpen },
+            React.createElement(DropdownMenuTrigger, { asChild: true },
+                React.createElement(Button, { label: selectedItem || "Attach", icon: AttachmentIcon, variant: "outline", size: "sm" })),
+            React.createElement(DropdownMenuContent, { className: "s-w-[380px]" },
+                React.createElement("div", { className: "s-flex s-gap-1.5 s-p-1.5" },
+                    React.createElement(SearchInput, { ref: searchInputRef, name: "search", onChange: setSearchText, onKeyDown: function () { }, placeholder: "Search in Dust", value: searchText }),
+                    React.createElement(Button, { icon: ArrowUpOnSquareIcon, label: "Upload File" })),
+                React.createElement(DropdownMenuSeparator, null),
+                React.createElement(ScrollArea, { className: "s-h-[380px]" }, searchText ? (filteredItems.map(function (item) {
+                    var randomMainIcon = mainIcons[Math.floor(Math.random() * mainIcons.length)];
+                    var randomExtraIcon = extraIcons[Math.floor(Math.random() * extraIcons.length)];
+                    return (React.createElement(DropdownMenuItem, { key: item, label: item, description: "Company Space/Notion", icon: randomMainIcon, extraIcon: randomExtraIcon, onClick: function () {
+                            setSelectedItem(item);
+                            setSearchText("");
+                        }, truncateText: true }));
+                })) : (React.createElement("div", { className: "s-flex s-h-full s-w-full s-items-center s-justify-center s-py-8" },
+                    React.createElement("div", { className: "s-flex s-flex-col s-items-center s-justify-center s-gap-0 s-text-center s-text-base s-font-semibold s-text-primary-400" },
+                        React.createElement(Icon, { visual: MagnifyingGlassIcon, size: "sm" }),
+                        "Search in Dust")))))),
+        React.createElement(DropdownMenu, { open: openAgents, onOpenChange: setOpenAgents },
+            React.createElement(DropdownMenuTrigger, { asChild: true },
+                React.createElement(Button, { icon: RobotIcon, variant: "outline", size: "sm", isSelect: true })),
+            React.createElement(DropdownMenuContent, { className: "s-w-[380px]" },
+                React.createElement("div", { className: "s-flex s-gap-1.5 s-p-1.5" },
+                    React.createElement(SearchInput, { ref: agentsSearchInputRef, name: "search", onChange: function () { }, onKeyDown: function () { }, placeholder: "Search Agents", value: "" }),
+                    React.createElement(Button, { icon: PlusIcon, label: "Create" })),
+                React.createElement(DropdownMenuSeparator, null),
+                React.createElement(ScrollArea, { className: "s-h-[380px]" }, filteredAgents.map(function (agent) {
+                    return (React.createElement(DropdownMenuItem, { key: agent.name, label: agent.name, description: agent.description, icon: function () { return (React.createElement(Avatar, { size: "sm", emoji: agent.emoji, backgroundColor: agent.backgroundColor })); }, onClick: function () {
+                            setSelectedItem(agent.name);
+                            setSearchText("");
+                        }, truncateText: true }));
+                })))),
+        React.createElement(DropdownMenu, { open: openToolsets, onOpenChange: setOpenToolsets },
+            React.createElement(DropdownMenuTrigger, { asChild: true },
+                React.createElement(Button, { label: selectedItem || "Add Toolset", icon: SuitcaseIcon, variant: "outline", size: "sm" })),
+            React.createElement(DropdownMenuContent, { className: "s-w-[380px]" },
+                React.createElement("div", { className: "s-flex s-gap-1.5 s-p-1.5" },
+                    React.createElement(SearchInput, { ref: toolsetsSearchInputRef, name: "search", onChange: function () { }, onKeyDown: function () { }, placeholder: "Search Toolsets", value: "" }),
+                    React.createElement(Button, { icon: PlusIcon, label: "Add MCP Server" })),
+                React.createElement(DropdownMenuSeparator, null),
+                React.createElement(ScrollArea, { className: "s-h-[380px]" }, filteredToolsetList.map(function (toolset) {
+                    return (React.createElement(DropdownMenuItem, { key: toolset.name, label: toolset.name, description: toolset.description, icon: function () { return React.createElement(Avatar, { size: "sm", icon: toolset.icon }); }, onClick: function () {
+                            setSelectedItem(toolset.name);
+                            setSearchText("");
+                        }, truncateText: true }));
+                }))))));
 }
 function StaticItemDropdownDemo() {
     return (React.createElement(DropdownMenu, null,

package/dist/esm/stories/Dropdown.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../src/stories/Dropdown.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../src/stories/Dropdown.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/stories/Spinner.stories.js

@@ -18,7 +18,7 @@ export var SpinnerExample = function () {
             React.createElement("div", { className: "s-p-20" },
                 React.createElement(Spinner, { variant: "dark", size: "xs" })),
             React.createElement("div", { className: "s-p-20" },
-                React.createElement(Spinner, { variant: "rose900", size: "xs" }))),
+                React.createElement(Spinner, { variant: "rose300", size: "xs" }))),
         "Size = SM",
         React.createElement("div", { className: "s-flex s-gap-4" },
             React.createElement("div", { className: "s-p-20" },
@@ -30,7 +30,7 @@ export var SpinnerExample = function () {
             React.createElement("div", { className: "s-p-20" },
                 React.createElement(Spinner, { variant: "dark", size: "sm" })),
             React.createElement("div", { className: "s-p-20" },
-                React.createElement(Spinner, { variant: "rose900", size: "sm" }))),
+                React.createElement(Spinner, { variant: "rose300", size: "sm" }))),
         "Size = MD",
         React.createElement("div", { className: "s-flex s-gap-4" },
             React.createElement("div", { className: "s-p-20" },

package/dist/esm/stories/Tabs.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,wBAAgB,IAAI,sBAoBnB;AAED,wBAAgB,KAAK,sBAqBpB"}
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,wBAAgB,IAAI,sBAoBnB;AAED,wBAAgB,KAAK,sBAuBpB"}

package/dist/esm/stories/Tabs.stories.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Cog6ToothIcon, CommandIcon, LightbulbIcon, Tabs, TabsContent, TabsList, TabsTrigger, } from "../index_with_tw_base";
+import { Button, Cog6ToothIcon, CommandIcon, LightbulbIcon, Tabs, TabsContent, TabsList, TabsTrigger, } from "../index_with_tw_base";
 var meta = {
     title: "Components/Tabs",
 };
@@ -25,7 +25,9 @@ export function Demo2() {
                 React.createElement(TabsTrigger, { value: "tab3", label: "Tab 3", icon: Cog6ToothIcon }),
                 React.createElement(TabsTrigger, { value: "tab4", label: "Tab 4", icon: CommandIcon }),
                 React.createElement(TabsTrigger, { value: "tab5", label: "Tab 5", icon: LightbulbIcon }),
-                React.createElement(TabsTrigger, { value: "tab6", label: "Tab 6", icon: Cog6ToothIcon })),
+                React.createElement(TabsTrigger, { value: "tab6", label: "Tab 6", icon: Cog6ToothIcon }),
+                React.createElement("div", { className: "s-grow" }),
+                React.createElement(Button, { label: "Hello" })),
             React.createElement(TabsContent, { value: "tab1" }, "Content for Tab 1"),
             React.createElement(TabsContent, { value: "tab2" }, "Content for Tab 2"),
             React.createElement(TabsContent, { value: "tab3" }, "Content for Tab 3"),

package/dist/esm/stories/Tabs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.js","sourceRoot":"","sources":["../../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,aAAa,EACb,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;CACV,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,IAAI;IAClB,OAAO,CACL,6BAAK,SAAS,EAAC,QAAQ;QACrB,oBAAC,IAAI,IAAC,YAAY,EAAC,SAAS;YAC1B,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;gBAC1B,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,WAAW,GAAI;gBAChE,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI;gBACnE,6BAAK,SAAS,EAAC,QAAQ,GAAG;gBAC1B,oBAAC,WAAW,IACV,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,aAAa,EACnB,OAAO,EAAC,UAAU,GAClB,CACO;YACX,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,YAAoB;YAChD,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,YAAoB;YACjD,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,eAAuB,CAC/C,CACH,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,KAAK;IACnB,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY;QACzB,oBAAC,IAAI,IAAC,YAAY,EAAC,MAAM;YACvB,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;gBAC1B,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,WAAW,GAAI;gBAC7D,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI;gBAC/D,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI;gBAC/D,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,WAAW,GAAI;gBAC7D,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI;gBAC/D,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI,CACtD;YACX,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,wBAAgC;YACzD,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,wBAAgC;YACzD,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,wBAAgC;YACzD,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,wBAAgC;YACzD,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,wBAAgC;YACzD,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,wBAAgC,CACpD,CACH,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Tabs.stories.js","sourceRoot":"","sources":["../../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;CACV,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,IAAI;IAClB,OAAO,CACL,6BAAK,SAAS,EAAC,QAAQ;QACrB,oBAAC,IAAI,IAAC,YAAY,EAAC,SAAS;YAC1B,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;gBAC1B,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,WAAW,GAAI;gBAChE,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI;gBACnE,6BAAK,SAAS,EAAC,QAAQ,GAAG;gBAC1B,oBAAC,WAAW,IACV,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,aAAa,EACnB,OAAO,EAAC,UAAU,GAClB,CACO;YACX,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,YAAoB;YAChD,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,YAAoB;YACjD,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,eAAuB,CAC/C,CACH,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,KAAK;IACnB,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY;QACzB,oBAAC,IAAI,IAAC,YAAY,EAAC,MAAM;YACvB,oBAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ;gBAC1B,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,WAAW,GAAI;gBAC7D,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI;gBAC/D,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI;gBAC/D,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,WAAW,GAAI;gBAC7D,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI;gBAC/D,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI;gBAC/D,6BAAK,SAAS,EAAC,QAAQ,GAAG;gBAC1B,oBAAC,MAAM,IAAC,KAAK,EAAC,OAAO,GAAG,CACf;YACX,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,wBAAgC;YACzD,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,wBAAgC;YACzD,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,wBAAgC;YACzD,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,wBAAgC;YACzD,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,wBAAgC;YACzD,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,wBAAgC,CACpD,CACH,CACP,CAAC;AACJ,CAAC"}

package/dist/sparkle.css

@@ -592,21 +592,28 @@ select {
   font-size: 12px;
   line-height: 16px;
   letter-spacing: normal;
-  font-weight: 700;
+  font-weight: 600;
 }
 
 .s-label-sm {
   font-size: 14px;
   line-height: 20px;
   letter-spacing: -0.28px;
-  font-weight: 700;
+  font-weight: 600;
 }
 
 .s-label-base {
   font-size: 16px;
   line-height: 24px;
   letter-spacing: -0.32px;
-  font-weight: 700;
+  font-weight: 600;
+}
+
+.s-heading-sm {
+  font-size: 12px;
+  line-height: 20px;
+  letter-spacing: -0.28px;
+  font-weight: 600;
 }
 
 .s-heading-base {
@@ -1413,6 +1420,10 @@ select {
   height: 340px;
 }
 
+.s-h-\[380px\] {
+  height: 380px;
+}
+
 .s-h-\[40\%\] {
   height: 40%;
 }
@@ -1614,10 +1625,6 @@ select {
   width: 250px;
 }
 
-.s-w-\[300px\] {
-  width: 300px;
-}
-
 .s-w-\[34px\] {
   width: 34px;
 }
@@ -1626,6 +1633,10 @@ select {
   width: 350px;
 }
 
+.s-w-\[380px\] {
+  width: 380px;
+}
+
 .s-w-\[48px\] {
   width: 48px;
 }
@@ -3024,6 +3035,11 @@ select {
   background-color: rgb(142 178 211 / var(--tw-bg-opacity));
 }
 
+.s-bg-indigo-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(199 210 254 / var(--tw-bg-opacity));
+}
+
 .s-bg-info-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 239 168 / var(--tw-bg-opacity));
@@ -3348,6 +3364,11 @@ select {
   background-color: rgb(150 156 165 / var(--tw-bg-opacity));
 }
 
+.s-bg-purple-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(233 213 255 / var(--tw-bg-opacity));
+}
+
 .s-bg-red-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 206 199 / var(--tw-bg-opacity));
@@ -3657,6 +3678,11 @@ select {
   background-color: rgb(255 255 255 / 0.8);
 }
 
+.s-bg-yellow-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 240 138 / var(--tw-bg-opacity));
+}
+
 .s-bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
@@ -4370,6 +4396,10 @@ select {
   color: rgb(225 67 34 / var(--tw-text-opacity));
 }
 
+.s-text-foreground\/70 {
+  color: rgb(17 20 24 / 0.7);
+}
+
 .s-text-golden-500 {
   --tw-text-opacity: 1;
   color: rgb(255 170 13 / var(--tw-text-opacity));
@@ -4400,6 +4430,11 @@ select {
   color: rgb(51 22 6 / var(--tw-text-opacity));
 }
 
+.s-text-gray-50 {
+  --tw-text-opacity: 1;
+  color: rgb(247 247 247 / var(--tw-text-opacity));
+}
+
 .s-text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(123 129 141 / var(--tw-text-opacity));
@@ -4794,6 +4829,10 @@ select {
   color: rgb(255 255 255 / 0.5);
 }
 
+.s-text-white\/70 {
+  color: rgb(255 255 255 / 0.7);
+}
+
 .s-opacity-0 {
   opacity: 0;
 }
@@ -7520,6 +7559,10 @@ select {
   color: rgb(247 247 247 / var(--tw-text-opacity));
 }
 
+:is(.s-dark .dark\:s-text-foreground-night\/70) {
+  color: rgb(247 247 247 / 0.7);
+}
+
 :is(.s-dark .dark\:s-text-foreground-warning-night) {
   --tw-text-opacity: 1;
   color: rgb(225 67 34 / var(--tw-text-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.467",
+  "version": "0.2.469",
   "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",

package/src/components/Avatar.tsx

@@ -153,6 +153,7 @@ interface AvatarProps {
   className?: string;
   disabled?: boolean;
   icon?: React.ComponentType<{ className?: string }>;
+  iconColor?: string;
 }
 
 export function Avatar({
@@ -169,6 +170,7 @@ export function Avatar({
   disabled = false,
   className,
   icon,
+  iconColor = "s-text-foreground",
 }: AvatarProps) {
   const emojiInfos =
     typeof visual === "string" && getEmojiAndBackgroundFromUrl(visual);
@@ -200,7 +202,7 @@ export function Avatar({
             ? backgroundColorToUse
             : name
               ? getColor(name)
-              : "s-bg-muted-background dark:s-bg-muted-background-night",
+              : "s-bg-muted-background",
         className
       )}
       style={hexBgColor ? { backgroundColor: hexBgColor } : undefined}
@@ -219,8 +221,7 @@ export function Avatar({
         visualToUse
       ) : icon ? (
         React.createElement(icon, {
-          className:
-            "s-h-1/2 s-w-1/2 s-text-foreground dark:s-text-foreground-night",
+          className: cn("s-h-1/2 s-w-1/2", iconColor),
         })
       ) : emojiToUse ? (
         <span className={textVariants({ size })}>{emojiToUse}</span>
@@ -229,7 +230,7 @@ export function Avatar({
           {/\+/.test(name) ? name : name[0].toUpperCase()}
         </span>
       ) : (
-        <UserIcon className="s-h-1/2 s-w-1/2 s-opacity-20" />
+        <UserIcon className="s-h-1/2 s-w-1/2 s-text-foreground s-opacity-20" />
       )}
     </div>
   );