@dust-tt/sparkle 0.2.509 → 0.2.511

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

@@ -0,0 +1,430 @@
+import { __read, __spreadArray } from "tslib";
+import React from "react";
+import { useState } from "react";
+import { Spinner } from "../components";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSearchbar, DropdownMenuSeparator, DropdownMenuStaticItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "../components/Dropdown";
+import { DropdownMenuTagItem } from "../components/Dropdown";
+import { AnthropicLogo, DriveLogo, GithubLogo, MistralLogo, NotionLogo, OpenaiLogo, SlackLogo, } from "../logo/platforms";
+import { ActionArmchairIcon, ActionCloudArrowDownIcon, ActionCommand1Icon, ActionDocumentIcon, ActionFolderIcon, ActionMagicIcon, ActionUserGroupIcon, ArrowDownCircleIcon, ArrowUpOnSquareIcon, AttachmentIcon, Avatar, Button, ChatBubbleBottomCenterPlusIcon, CloudArrowDownIcon, Cog6ToothIcon, DocumentIcon, DoubleIcon, FolderIcon, HandThumbDownIcon, HandThumbUpIcon, Icon, LogoutIcon, MagicIcon, MagnifyingGlassIcon, PlusIcon, RobotIcon, SearchDropdownMenu, SuitcaseIcon, UserGroupIcon, UserIcon, } from "../index_with_tw_base";
+import { Chip } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/Dropdown",
+    component: DropdownMenu,
+};
+export default meta;
+export var DropdownExamples = 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, SimpleDropdownDemo()),
+    React.createElement("div", null, ComplexDropdownDemo()),
+    React.createElement("div", null, DropdownMenuCheckboxes()),
+    React.createElement("div", null, DropdownMenuRadioGroupDemo()),
+    React.createElement("div", null, ModelsDropdownDemo()),
+    React.createElement("div", null, ModelsDropdownRadioGroupDemo()),
+    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()))); };
+export var SearchDropdownMenuExamples = function () {
+    var _a = __read(React.useState(""), 2), searchInputValue = _a[0], setSearchInputValue = _a[1];
+    var items = ["Profile", "Billing", "Team", "Subscription"];
+    var filteredItems = items.filter(function (item) {
+        return item.toLowerCase().includes(searchInputValue.toLowerCase());
+    });
+    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,
+            React.createElement(SearchDropdownMenu, { searchInputValue: searchInputValue, setSearchInputValue: setSearchInputValue }, filteredItems.map(function (item) { return (React.createElement(DropdownMenuItem, { key: item, label: item, onClick: function () {
+                    console.log(item);
+                } })); })))));
+};
+function SimpleDropdownDemo() {
+    return (React.createElement(DropdownMenu, null,
+        React.createElement(DropdownMenuTrigger, null, "Open Simple Dropdown"),
+        React.createElement(DropdownMenuContent, null,
+            React.createElement(DropdownMenuLabel, { label: "My Account" }),
+            React.createElement(DropdownMenuItem, { icon: function () { return (React.createElement(Avatar, { size: "xs", visual: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" })); }, label: "@hello", onClick: function () {
+                    console.log("hello");
+                }, description: "Anthropic's latest Claude 3.5 Sonnet model (200k context)." }),
+            React.createElement(DropdownMenuItem, { icon: function () { return (React.createElement(Avatar, { size: "xs", visual: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg" })); }, label: "@helloWorld", onClick: function () {
+                    console.log("hello");
+                }, description: "Anthropic's latest Claude 3.5 Sonnet model (200k context)." }),
+            React.createElement(DropdownMenuItem, { label: "Profile" }),
+            React.createElement(DropdownMenuItem, { label: "Billing" }),
+            React.createElement(DropdownMenuItem, { label: "Team" }),
+            React.createElement(DropdownMenuItem, { label: "Subscription" }))));
+}
+function ComplexDropdownDemo() {
+    return (React.createElement(DropdownMenu, null,
+        React.createElement(DropdownMenuTrigger, null, "Open Complex"),
+        React.createElement(DropdownMenuContent, { className: "s-w-56" },
+            React.createElement(DropdownMenuLabel, { label: "My Account" }),
+            React.createElement(DropdownMenuGroup, null,
+                React.createElement(DropdownMenuItem, { icon: UserIcon, label: "Profile", endComponent: React.createElement(Button, { size: "mini", icon: ArrowUpOnSquareIcon, variant: "ghost" }) }),
+                React.createElement(DropdownMenuItem, { icon: ArrowDownCircleIcon, label: "Billing" }),
+                React.createElement(DropdownMenuItem, { icon: Cog6ToothIcon, label: "Settings" }),
+                React.createElement(DropdownMenuItem, { icon: UserIcon, label: "Keyboard shortcuts" })),
+            React.createElement(DropdownMenuSeparator, null),
+            React.createElement(DropdownMenuGroup, null,
+                React.createElement(DropdownMenuLabel, { label: "Team" }),
+                React.createElement(DropdownMenuItem, { icon: UserIcon, label: "Members" }),
+                React.createElement(DropdownMenuSub, null,
+                    React.createElement(DropdownMenuSubTrigger, { icon: UserIcon, label: "Invite users" }),
+                    React.createElement(DropdownMenuPortal, null,
+                        React.createElement(DropdownMenuSubContent, null,
+                            React.createElement(DropdownMenuItem, { icon: MagicIcon, label: "Email" }),
+                            React.createElement(DropdownMenuItem, { icon: ChatBubbleBottomCenterPlusIcon, label: "Message" }),
+                            React.createElement(DropdownMenuSeparator, null),
+                            React.createElement(DropdownMenuItem, { icon: UserIcon, label: "More..." }),
+                            React.createElement(DropdownMenuItem, { icon: UserIcon, label: "More.." }),
+                            React.createElement(DropdownMenuItem, { icon: UserIcon, label: "More..." }),
+                            React.createElement(DropdownMenuItem, { icon: UserIcon, label: "More.." }),
+                            React.createElement(DropdownMenuItem, { icon: UserIcon, label: "More" }),
+                            React.createElement(DropdownMenuItem, { icon: UserIcon, label: "More....." }),
+                            React.createElement(DropdownMenuItem, { icon: UserIcon, label: "More.." }),
+                            React.createElement(DropdownMenuItem, { icon: UserIcon, label: "More" }),
+                            React.createElement(DropdownMenuItem, { icon: UserIcon, label: "More...." })))),
+                React.createElement(DropdownMenuItem, { icon: UserGroupIcon, label: "New Team" })),
+            React.createElement(DropdownMenuSeparator, null),
+            React.createElement(DropdownMenuItem, { icon: GithubLogo, label: "GitHub" }),
+            React.createElement(DropdownMenuItem, { icon: UserIcon, label: "Support" }),
+            React.createElement(DropdownMenuItem, { icon: CloudArrowDownIcon, label: "API", disabled: true }),
+            React.createElement(DropdownMenuSeparator, null),
+            React.createElement(DropdownMenuItem, { icon: LogoutIcon, label: "Log out", variant: "warning", href: "/api/auth/logout" }))));
+}
+function DropdownMenuCheckboxes() {
+    var _a = __read(React.useState(true), 2), showStatusBar = _a[0], setShowStatusBar = _a[1];
+    var _b = __read(React.useState(false), 2), showActivityBar = _b[0], setShowActivityBar = _b[1];
+    var _c = __read(React.useState(false), 2), showPanel = _c[0], setShowPanel = _c[1];
+    return (React.createElement(DropdownMenu, null,
+        React.createElement(DropdownMenuTrigger, null, "Open Checkbox"),
+        React.createElement(DropdownMenuContent, { className: "s-w-56" },
+            React.createElement(DropdownMenuLabel, { label: "Appearance" }),
+            React.createElement(DropdownMenuSeparator, null),
+            React.createElement(DropdownMenuCheckboxItem, { checked: showStatusBar, onCheckedChange: setShowStatusBar }, "Status Bar"),
+            React.createElement(DropdownMenuCheckboxItem, { checked: showActivityBar, onCheckedChange: setShowActivityBar, disabled: true }, "Activity Bar"),
+            React.createElement(DropdownMenuCheckboxItem, { checked: showPanel, onCheckedChange: setShowPanel }, "Panel"))));
+}
+function DropdownMenuRadioGroupDemo() {
+    var _a = __read(React.useState("bottom"), 2), position = _a[0], setPosition = _a[1];
+    return (React.createElement(DropdownMenu, null,
+        React.createElement(DropdownMenuTrigger, null, "Open Radio Group"),
+        React.createElement(DropdownMenuContent, { className: "s-w-56" },
+            React.createElement(DropdownMenuLabel, { label: "Panel Position" }),
+            React.createElement(DropdownMenuSeparator, null),
+            React.createElement(DropdownMenuRadioGroup, { value: position, onValueChange: setPosition },
+                React.createElement(DropdownMenuRadioItem, { value: "top" }, "Top"),
+                React.createElement(DropdownMenuRadioItem, { value: "bottom" }, "Bottom"),
+                React.createElement(DropdownMenuRadioItem, { value: "right" }, "Right")))));
+}
+function ModelsDropdownDemo() {
+    var _a = __read(React.useState("GPT4-o"), 2), selectedModel = _a[0], setSelectedModel = _a[1];
+    var bestPerformingModels = [
+        {
+            name: "GPT4-o",
+            description: "OpenAI's most advanced model.",
+            icon: OpenaiLogo,
+        },
+        {
+            name: "Claude 3.5 Sonnet",
+            description: "Anthropic's latest Claude 3.5 Sonnet model (200k context).",
+            icon: AnthropicLogo,
+        },
+        {
+            name: "Mistral Large",
+            description: "Mistral's `large 2` model (128k context).",
+            icon: MistralLogo,
+        },
+    ];
+    return (React.createElement(DropdownMenu, null,
+        React.createElement(DropdownMenuTrigger, { asChild: true },
+            React.createElement(Button, { label: selectedModel, variant: "outline", size: "sm" })),
+        React.createElement(DropdownMenuContent, null,
+            React.createElement(DropdownMenuLabel, { label: "Best performing models" }),
+            bestPerformingModels.map(function (modelConfig) { return (React.createElement(DropdownMenuItem, { key: modelConfig.name, label: modelConfig.name, onClick: function () { return setSelectedModel(modelConfig.name); }, description: modelConfig.description, icon: modelConfig.icon })); }))));
+}
+function ModelsDropdownRadioGroupDemo() {
+    var _a = __read(React.useState("GPT4-o"), 2), selectedModel = _a[0], setSelectedModel = _a[1];
+    var bestPerformingModels = [
+        {
+            name: "GPT4-o",
+            description: "OpenAI's most advanced model.",
+            icon: OpenaiLogo,
+        },
+        {
+            name: "Claude 3.5 Sonnet",
+            description: "Anthropic's latest Claude 3.5 Sonnet model (200k context).",
+            icon: AnthropicLogo,
+        },
+        {
+            name: "Mistral Large",
+            description: "Mistral's `large 2` model (128k context).",
+            icon: MistralLogo,
+        },
+    ];
+    return (React.createElement(DropdownMenu, null,
+        React.createElement(DropdownMenuTrigger, { asChild: true },
+            React.createElement(Button, { label: selectedModel, variant: "ghost", size: "sm" })),
+        React.createElement(DropdownMenuContent, null,
+            React.createElement(DropdownMenuRadioGroup, { value: selectedModel, onValueChange: function (value) { return setSelectedModel(value); } },
+                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 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",
+        "Cloud Infrastructure Setup",
+        "Data Migration Service",
+        "Enterprise Resource Planning",
+        "Financial Analytics Platform",
+        "Geographic Information System",
+        "Human Resources Management",
+        "Inventory Control System",
+        "Knowledge Base Integration",
+        "Machine Learning Pipeline",
+        "Network Security Monitor",
+        "Operations Management Tool",
+        "Project Portfolio Tracker",
+        "Quality Assurance Framework",
+        "Real-time Analytics Engine",
+        "Supply Chain Optimizer",
+        "Team Collaboration Hub",
+        "User Authentication Service",
+        "Workflow Automation System",
+    ];
+    var filteredItems = items.filter(function (item) {
+        return item.toLowerCase().includes(searchText.toLowerCase());
+    });
+    var mainIcons = [FolderIcon, DocumentIcon];
+    var extraIcons = [DriveLogo, NotionLogo, SlackLogo];
+    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, modal: false },
+            React.createElement(DropdownMenuTrigger, { asChild: true },
+                React.createElement(Button, { label: selectedItem || "Attach", icon: AttachmentIcon, variant: "outline", size: "sm" })),
+            React.createElement(DropdownMenuContent, { className: "s-w-[380px]", dropdownHeaders: React.createElement(DropdownMenuSearchbar, { value: searchText, onChange: setSearchText, name: "search", placeholder: "Search in Dust", button: React.createElement(Button, { icon: ArrowUpOnSquareIcon, label: "Upload File" }) }) },
+                React.createElement(DropdownMenuSeparator, null),
+                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: React.createElement(DoubleIcon, { size: "lg", mainIcon: randomMainIcon, secondaryIcon: 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-h-96 s-w-[380px]", dropdownHeaders: React.createElement(DropdownMenuSearchbar, { ref: agentsSearchInputRef, name: "search", value: searchText, onChange: setSearchText, onKeyDown: function () { }, placeholder: "Search Agents", button: React.createElement(Button, { icon: PlusIcon, label: "Create" }) }) },
+                React.createElement(DropdownMenuSeparator, null),
+                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-h-96 s-w-[380px]", dropdownHeaders: React.createElement(DropdownMenuSearchbar, { ref: toolsetsSearchInputRef, name: "search", value: searchText, onChange: setSearchText, onKeyDown: function () { }, placeholder: "Search Tools", button: React.createElement(Button, { icon: PlusIcon, label: "Add MCP Server" }) }) },
+                React.createElement(DropdownMenuSeparator, null),
+                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,
+        React.createElement(DropdownMenuTrigger, { asChild: true },
+            React.createElement(Button, { label: "System Status", variant: "outline", size: "sm" })),
+        React.createElement(DropdownMenuContent, { className: "s-w-[250px]" },
+            React.createElement(DropdownMenuLabel, { label: "System Metrics" }),
+            React.createElement(DropdownMenuStaticItem, { label: "CPU Usage", value: "45%" }),
+            React.createElement(DropdownMenuStaticItem, { label: "Memory", value: "2.3GB/8GB" }),
+            React.createElement(DropdownMenuStaticItem, { label: "Disk Space" },
+                React.createElement("span", { className: "s-flex s-items-center s-gap-2 s-text-muted-foreground" },
+                    "3",
+                    React.createElement(Icon, { size: "xs", className: "s-text-muted-foreground", visual: HandThumbUpIcon }),
+                    "1",
+                    React.createElement(Icon, { size: "xs", className: "s-text-muted-foreground", visual: HandThumbDownIcon }))),
+            React.createElement(DropdownMenuSeparator, null),
+            React.createElement(DropdownMenuLabel, { label: "Actions" }),
+            React.createElement(DropdownMenuItem, { icon: Cog6ToothIcon, label: "System Settings", onClick: function () { return console.log("Settings clicked"); } }),
+            React.createElement(DropdownMenuItem, { icon: CloudArrowDownIcon, label: "Download Report", onClick: function () { return console.log("Download clicked"); } }))));
+}
+export var TagsDropdownExample = function () {
+    var _a = __read(useState([
+        "react",
+        "typescript",
+        "ui",
+        "design-system",
+    ]), 2), tags = _a[0], setTags = _a[1];
+    var _b = __read(useState(false), 2), isLoading = _b[0], setIsLoading = _b[1];
+    var handleRemoveTag = function (tagToRemove) {
+        setTags(tags.filter(function (tag) { return tag !== tagToRemove; }));
+    };
+    var handleAddTag = function () {
+        setIsLoading(true);
+        // Simulate API call delay
+        setTimeout(function () {
+            var newTag = "tag-".concat(Math.floor(Math.random() * 1000));
+            setTags(__spreadArray(__spreadArray([], __read(tags), false), [newTag], false));
+            setIsLoading(false);
+        }, 1500);
+    };
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4 s-p-4" },
+        React.createElement("div", { className: "s-flex s-items-center s-gap-2" },
+            React.createElement(DropdownMenu, { open: true },
+                React.createElement(DropdownMenuTrigger, { asChild: true },
+                    React.createElement(Button, { variant: "outline", label: "Select Tags", icon: PlusIcon, size: "sm", isSelect: true })),
+                React.createElement(DropdownMenuContent, { className: "s-w-80" },
+                    React.createElement(DropdownMenuLabel, { label: "Available Tags" }),
+                    React.createElement(DropdownMenuSeparator, null),
+                    React.createElement("div", { className: "s-w-full" }, tags.map(function (tag) { return (React.createElement(DropdownMenuTagItem, { key: tag, label: tag, color: "highlight", className: "s-m-0.5", onRemove: function () { return handleRemoveTag(tag); }, onClick: function () { return console.log(tag); } })); })),
+                    React.createElement(DropdownMenuSeparator, null),
+                    React.createElement("div", { className: "s-p-2" },
+                        React.createElement(Button, { label: isLoading ? "Adding..." : "Add Random Tag", onClick: handleAddTag, className: "s-w-full", size: "sm", disabled: isLoading, icon: isLoading
+                                ? function () { return React.createElement(Spinner, { size: "xs", variant: "color" }); }
+                                : undefined })))),
+            React.createElement("div", { className: "s-text-sm s-text-muted-foreground" }, "Click to view available tags")),
+        React.createElement("div", { className: "s-flex s-flex-wrap s-gap-2 s-rounded-lg s-border s-border-border s-p-4" },
+            React.createElement("span", { className: "s-mr-2 s-text-sm s-text-muted-foreground" }, "Current tags:"),
+            tags.map(function (tag) { return (React.createElement("div", { key: tag, className: "s-inline-flex" },
+                React.createElement(Chip, { label: tag, color: "highlight", size: "xs", onRemove: function () { return handleRemoveTag(tag); } }))); }))));
+};
+//# sourceMappingURL=Dropdown.stories.js.map

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

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

package/dist/esm/stories/DropzoneOverlay.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { DropzoneOverlay } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof DropzoneOverlay;
+};
+export default meta;
+export declare const DropzoneOverlayExample: () => React.JSX.Element;
+//# sourceMappingURL=DropzoneOverlay.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneOverlay.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/DropzoneOverlay.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,QAAA,MAAM,IAAI;;;CAG8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,sBAAsB,yBAuBlC,CAAC"}

package/dist/esm/stories/DropzoneOverlay.stories.js

@@ -0,0 +1,19 @@
+import { __read } from "tslib";
+import React from "react";
+import { DropzoneOverlay } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/DropzoneOverlay",
+    component: DropzoneOverlay,
+};
+export default meta;
+export var DropzoneOverlayExample = function () {
+    var _a = __read(React.useState(false), 2), isDragActive = _a[0], setIsDragActive = _a[1];
+    return (React.createElement("div", { className: "s-flex s-min-h-full s-flex-col s-gap-4", onMouseEnter: function () {
+            setIsDragActive(true);
+        }, onMouseLeave: function () {
+            setIsDragActive(false);
+        } },
+        React.createElement(DropzoneOverlay, { isDragActive: isDragActive, description: "Drag and drop your files here", title: "Drag and drop" }),
+        React.createElement("div", { className: "s-flex s-min-h-96 s-items-center s-justify-center" }, "This is some placeholder content.")));
+};
+//# sourceMappingURL=DropzoneOverlay.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneOverlay.stories.js","sourceRoot":"","sources":["../../../src/stories/DropzoneOverlay.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,eAAe;CACY,CAAC;AAEzC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,sBAAsB,GAAG;IAC9B,IAAA,KAAA,OAAkC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,OAAO,CACL,6BACE,SAAS,EAAC,wCAAwC,EAClD,YAAY,EAAE;YACZ,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC,EACD,YAAY,EAAE;YACZ,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;QAED,oBAAC,eAAe,IACd,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,+BAA+B,EAC5C,KAAK,EAAE,eAAe,GACtB;QACF,6BAAK,SAAS,EAAC,mDAAmD,wCAE5D,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/stories/EmptyCTA.stories.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const meta: {
+    title: string;
+};
+export default meta;
+export declare const Demo: () => React.JSX.Element;
+//# sourceMappingURL=EmptyCTA.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyCTA.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/EmptyCTA.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,IAAI,yBAgBhB,CAAC"}

package/dist/esm/stories/EmptyCTA.stories.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { EmptyCTA, EmptyCTAButton } from "../components";
+import { CloudArrowDownIcon } from "../icons/app";
+var meta = {
+    title: "Components/EmptyCTA",
+};
+export default meta;
+export var Demo = function () {
+    return (React.createElement("div", null,
+        React.createElement("div", { className: "s-flex s-items-center s-space-x-2" },
+            React.createElement(EmptyCTA, { action: React.createElement(EmptyCTAButton, { icon: CloudArrowDownIcon, label: "Create a new space" }), message: "You don't have any spaces yet." }))));
+};
+//# sourceMappingURL=EmptyCTA.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyCTA.stories.js","sourceRoot":"","sources":["../../../src/stories/EmptyCTA.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;CACd,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,IAAI,GAAG;IAClB,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,mCAAmC;YAChD,oBAAC,QAAQ,IACP,MAAM,EACJ,oBAAC,cAAc,IACb,IAAI,EAAE,kBAAkB,EACxB,KAAK,EAAC,oBAAoB,GAC1B,EAEJ,OAAO,EAAC,gCAAgC,GACxC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/stories/FilterChips.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FilterChips } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof FilterChips;
+};
+export default meta;
+export declare const FilterChipsExample: () => React.JSX.Element;
+//# sourceMappingURL=FilterChips.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChips.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/FilterChips.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAA,MAAM,IAAI;;;CAG0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,kBAAkB,yBAQ9B,CAAC"}

package/dist/esm/stories/FilterChips.stories.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { FilterChips } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/FilterChips",
+    component: FilterChips,
+};
+export default meta;
+export var FilterChipsExample = function () { return (React.createElement(FilterChips, { filters: ["Featured", "Writing", "Productivity", "Research", "Knowledge"], onFilterClick: function (filterName) {
+        alert("Filter ".concat(filterName, " clicked!"));
+    }, defaultFilter: "Featured" })); };
+//# sourceMappingURL=FilterChips.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChips.stories.js","sourceRoot":"","sources":["../../../src/stories/FilterChips.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;CACY,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,kBAAkB,GAAG,cAAM,OAAA,CACtC,oBAAC,WAAW,IACV,OAAO,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,CAAC,EACzE,aAAa,EAAE,UAAC,UAAU;QACxB,KAAK,CAAC,iBAAU,UAAU,cAAW,CAAC,CAAC;IACzC,CAAC,EACD,aAAa,EAAC,UAAU,GACxB,CACH,EARuC,CAQvC,CAAC"}

package/dist/esm/stories/Hover3D.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Hover3D } from "../index_with_tw_base";
+declare const meta: {
+    title: string;
+    component: typeof Hover3D;
+};
+export default meta;
+export declare const Hover3DExample: () => React.JSX.Element;
+//# sourceMappingURL=Hover3D.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hover3D.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Hover3D.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAqB,OAAO,EAAQ,MAAM,uBAAuB,CAAC;AAEzE,QAAA,MAAM,IAAI;;;CAGsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,cAAc,yBAiG1B,CAAC"}