@dust-tt/sparkle 0.2.522 → 0.2.523

package/dist/esm/stories/Logo.stories.js

@@ -0,0 +1,56 @@
+import React from "react";
+import { Div3D, Hover3D } from "..";
+import { DustLogo, DustLogoGray, DustLogoLayer1, DustLogoLayer2, DustLogoSquare, DustLogoSquareGray, DustLogoSquareLayer1, DustLogoSquareLayer2, DustLogoSquareWhite, DustLogoWhite, } from "../logo/dust";
+export default {
+    title: "Assets/DustLogo",
+};
+var gridStyle = {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fill, minmax(240px, 1fr))",
+    gap: "48px 16px",
+};
+var itemStyle = {
+    marginTop: "12px",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textAlign: "left",
+    width: "100%",
+};
+export var DustLogos = function () { return (React.createElement(React.Fragment, null,
+    React.createElement("div", { style: gridStyle },
+        React.createElement("div", { className: "s-p-6" },
+            React.createElement(DustLogo, { className: "s-h-8 s-w-32" }),
+            React.createElement("div", { style: itemStyle, className: "s-text-sm" }, "DustLogo")),
+        React.createElement("div", { className: "s-p-6" },
+            React.createElement(DustLogoGray, { className: "s-h-8 s-w-32" }),
+            React.createElement("div", { style: itemStyle, className: "s-text-sm" }, "DustLogoGray")),
+        React.createElement("div", { className: "s-bg-primary-800 s-p-6" },
+            React.createElement(DustLogoWhite, { className: "s-h-8 s-w-32" }),
+            React.createElement("div", { style: itemStyle, className: "s-text-sm s-text-white" }, "DustLogoWhite"))),
+    React.createElement("div", { style: gridStyle },
+        React.createElement("div", { className: "s-p-6" },
+            React.createElement(DustLogoSquare, { className: "s-h-16 s-w-16" }),
+            React.createElement("div", { style: itemStyle, className: "s-text-sm" }, "DustLogoSquare")),
+        React.createElement("div", { className: "s-p-6" },
+            React.createElement(DustLogoSquareGray, { className: "s-h-16 s-w-16" }),
+            React.createElement("div", { style: itemStyle, className: "s-text-sm" }, "DustLogoSquareGray")),
+        React.createElement("div", { className: "s-bg-primary-800 s-p-6" },
+            React.createElement(DustLogoSquareWhite, { className: "s-h-16 s-w-16" }),
+            React.createElement("div", { style: itemStyle, className: "s-text-sm s-text-white" }, "DustLogoWhite"))),
+    React.createElement("div", { style: gridStyle },
+        React.createElement("div", { className: "s-p-6" },
+            React.createElement(Hover3D, { className: "s-relative s-h-8 s-w-32" },
+                React.createElement(Div3D, { depth: 0, className: "s-h-8 s-w-32" },
+                    React.createElement(DustLogoLayer1, { className: "s-h-8 s-w-32" })),
+                React.createElement(Div3D, { depth: 25, className: "s-absolute s-top-0" },
+                    React.createElement(DustLogoLayer2, { className: "s-h-8 s-w-32" }))),
+            React.createElement("div", { style: itemStyle, className: "s-text-sm" }, "Horizontal Hover3D")),
+        React.createElement("div", { className: "s-p-6" },
+            React.createElement(Hover3D, { className: "s-relative s-h-16 s-w-16" },
+                React.createElement(Div3D, { depth: 0, className: "s-h-16 s-w-16" },
+                    React.createElement(DustLogoSquareLayer1, { className: "s-h-16 s-w-16" })),
+                React.createElement(Div3D, { depth: 25, className: "s-absolute s-top-0" },
+                    React.createElement(DustLogoSquareLayer2, { className: "s-h-16 s-w-16" }))),
+            React.createElement("div", { style: itemStyle, className: "s-text-sm" }, "Square Hover3D"))))); };
+//# sourceMappingURL=Logo.stories.js.map

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

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

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Markdown } from "../index_with_tw_base";
+declare const meta: Meta<typeof Markdown>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ExtendedMarkdownStory: Story;
+//# sourceMappingURL=Markdown.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Markdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAc/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgUnC,eAAO,MAAM,qBAAqB,EAAE,KAInC,CAAC"}

package/dist/esm/stories/Markdown.stories.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { Markdown } from "../index_with_tw_base";
+var meta = {
+    title: "Components/Markdown",
+    component: Markdown,
+    decorators: [function (Story) { return React.createElement(Story, null); }],
+    argTypes: {
+        textColor: {
+            options: [
+                "s-text-foreground",
+                "s-text-muted-foreground",
+                "s-text-green-700",
+            ],
+            control: { type: "radio" },
+        },
+    },
+};
+export default meta;
+var example = "\n# Level 1 Title\n\n## Level 2 Title\n\n### Level 3 Title\n\nThis is a paragraph with **bold** text and *italic* text. This is `code` block:\n```\nBlock \n```\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n\n# Another Level 1 Title\n\nDemo of a list, showcasing our pets of the month:\n- Soupinou\n- Chawarma\n- Chalom\n- Anakine\n- Goose\n\nOrdered list: \n1. Soupinou\n2. Chawarma\n3. Chalom\n\n---\n\n### Demo of a quote below:\n\n> You take the blue pill - the story ends, you wake up in your bed and believe whatever you want to believe. You take the red pill - you stay in Wonderland and I show you how deep the rabbit hole goes.\n\n> You take the blue pill - the story ends, you wake up in your bed and believe whatever you want to believe. You take the red pill - you stay in Wonderland and I show you how deep the rabbit hole goes.\n\nAnother one, a short one:\n> Soupinou fait des miaou miaou.\n\n### Other stuff\n\n~~stuff~~\nlink www.x.com\nfootnote [^1]\n\n* [ ] to do\n* [x] done\n\n### Short Table\n\n| Date        | High Temperature (\u00B0C) | Low Temperature (\u00B0C) |\n|-------------|-----------------------|----------------------|\n| October 25  | 19                    | 14                   |\n| October 26  | 17                    | 12                   |\n| October 27  | 16                    | 10                   |\n| October 28  | 16                    | 9                    |\n| October 29  | 17                    | 8                    |\n| October 30  | 19                    | 8                    |\n| October 31  | 19                    | 10                   |\n\n\n### Table\n\n| Date        | High Temperature (\u00B0C) | Low Temperature (\u00B0C) | Weather Condition             | Date        | High Temperature (\u00B0C) | Low Temperature (\u00B0C) | Weather Condition             | Date        | High Temperature (\u00B0C) | Low Temperature (\u00B0C) | Weather Condition             |\n|-------------|-----------------------|----------------------|-------------------------------|-------------|-----------------------|----------------------|-------------------------------|-------------|-----------------------|----------------------|-------------------------------|\n| October 25  | 19                    | 14                   | Passing showers, cloudy       | October 25  | 19                    | 14                   | Passing showers, cloudy       | October 25  | 19                    | 14                   | Passing showers, cloudy       |\n| October 26  | 17                    | 12                   | Light showers, overcast       | October 25  | 19                    | 14                   | Passing showers, cloudy       | October 25  | 19                    | 14                   | Passing showers, cloudy       |\n| October 27  | 16                    | 10                   | Overcast                      | October 25  | 19                    | 14                   | Passing showers, cloudy       | October 25  | 19                    | 14                   | Passing showers, cloudy       |\n| October 28  | 16                    | 9                    | Increasing cloudiness         | October 25  | 19                    | 14                   | Passing showers, cloudy       | October 25  | 19                    | 14                   | Passing showers, cloudy       |\n| October 29  | 17                    | 8                    | Scattered clouds              | October 25  | 19                    | 14                   | Passing showers, cloudy       | October 25  | 19                    | 14                   | Passing showers, cloudy       |\n| October 30  | 19                    | 8                    | Sunny                         | October 25  | 19                    | 14                   | Passing showers, cloudy       | October 25  | 19                    | 14                   | Passing showers, cloudy       |\n| October 31  | 19                    | 10                   | Sunny                         | October 25  | 19                    | 14                   | Passing showers, cloudy       | October 25  | 19                    | 14                   | Passing showers, cloudy       |\n\n\n\n### Some lateX\n\n$$ \\sigma(z_i) = \\frac{e^{z_{i}}}{\\sum_{j=1}^K e^{z_{j}}} \\ \\ \\ for\\ i=1,2,\\dots,K $$\n\n### This is a CSV: \n\n```csv\nDate,High (\u00B0C),Low (\u00B0C)\nOctober 24,19,12\nOctober 25,20,12\nOctober 26,17,11\nOctober 27,16,10\nOctober 28,17,11\nOctober 29,18,12\nOctober 30,19,11\n```\n\n### Some js code:\n\n```javascript\nimport React from \"react\";\nimport {\n  LineChart,\n  Line,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  Legend,\n  ResponsiveContainer,\n} from \"recharts\";\n\nconst data = [\n  { date: \"Oct 24\", high: 19, low: 12 },\n  { date: \"Oct 25\", high: 20, low: 12 },\n  { date: \"Oct 26\", high: 17, low: 11 },\n  { date: \"Oct 27\", high: 16, low: 10 },\n  { date: \"Oct 28\", high: 17, low: 11 },\n  { date: \"Oct 29\", high: 18, low: 12 },\n  { date: \"Oct 30\", high: 19, low: 11 },\n];\n\nfunction renderHeader(latitude, longitude) {\n  const container = document.getElementById(\"dashboard-container\");\n  if (!container) {\n    console.error(\"Dashboard container is missing in the DOM.\");\n    return;\n  }\n  let header = document.getElementById(\"dashboard-header\");\n  if (!header) {\n    console.log(\"Creating new dashboard header.\");\n    header = document.createElement(\"div\");\n    header.id = \"dashboard-header\";\n    container.prepend(header);\n  }\n  console.log(\"Updating header content.\");\n  const currentTime = new Date().toLocaleString(\"en-US\", {\n    timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n    weekday: \"long\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    second: \"2-digit\",\n  });\n  header.innerHTML = `\n    <div>\n      <h2>Local Time</h2>\n      <p>${currentTime}</p>\n    </div>\n    <div>\n      <h2>Location</h2>\n      <p>Lat: ${latitude.toFixed(2)}, Lon: ${longitude.toFixed(2)}</p>\n    </div>\n  `;\n}\n```\n\n\n### Some CLI code: \n\n```bash\n# Define variables\nAPI_URL=\"https://api.example.com\"\nLATEST_TAG=\"v1.2.3\"\nUSERNAME=\"user123\"\nENVIRONMENT=\"production\"\n\n# Basic GET with variables\ncurl \"${API_URL}/version/${LATEST_TAG}\"\n\n# POST with JSON payload using variables\ncurl -X POST   -H \"Content-Type: application/json\"   -d \"{\n    \"tag\": \"${LATEST_TAG}\",\n    \"environment\": \"${ENVIRONMENT}\",\n    \"deployedBy\": \"${USERNAME}\"\n  }\"   \"${API_URL}/deployments\"\n```\n\n### Some python code:\n\n```python\nimport datetime\nimport pytz\nfrom typing import List, Dict, Union\nimport tkinter as tk\nfrom tkinter import ttk\nimport matplotlib.pyplot as plt\nfrom matplotlib.figure import Figure\nfrom matplotlib.backends.backend_tkagg import FigureCanvasTkAgg\n\n# Data structure similar to the JavaScript example\ndata = [\n    {\"date\": \"Oct 24\", \"high\": 19, \"low\": 12},\n    {\"date\": \"Oct 25\", \"high\": 20, \"low\": 12},\n    {\"date\": \"Oct 26\", \"high\": 17, \"low\": 11},\n    {\"date\": \"Oct 27\", \"high\": 16, \"low\": 10},\n    {\"date\": \"Oct 28\", \"high\": 17, \"low\": 11},\n    {\"date\": \"Oct 29\", \"high\": 18, \"low\": 12},\n    {\"date\": \"Oct 30\", \"high\": 19, \"low\": 11},\n]\n\nclass WeatherDashboard:\n    def __init__(self, root: tk.Tk):\n        self.root = root\n        self.root.title(\"Weather Dashboard\")\n        \n        # Create header frame\n        self.header_frame = ttk.Frame(root, padding=\"10\")\n        self.header_frame.grid(row=0, column=0, sticky=(tk.W, tk.E))\n        \n        # Create chart frame\n        self.chart_frame = ttk.Frame(root, padding=\"10\")\n        self.chart_frame.grid(row=1, column=0, sticky=(tk.W, tk.E, tk.N, tk.S))\n        \n    def render_header(self, latitude: float, longitude: float) -> None:\n        \"\"\"\n        Render the dashboard header with time and location information\n        \"\"\"\n        # Clear existing widgets\n        for widget in self.header_frame.winfo_children():\n            widget.destroy()\n            \n        # Get current time in local timezone\n        current_time = datetime.datetime.now()\n        local_tz = datetime.datetime.now(pytz.timezone('UTC')).astimezone().tzinfo\n        formatted_time = current_time.strftime('%A, %I:%M:%S %p')\n        \n        # Create time section\n        time_frame = ttk.LabelFrame(self.header_frame, text=\"Local Time\")\n        time_frame.grid(row=0, column=0, padx=5, pady=5, sticky=(tk.W))\n        ttk.Label(time_frame, text=formatted_time).grid(row=0, column=0, padx=5, pady=2)\n        \n        # Create location section\n        location_frame = ttk.LabelFrame(self.header_frame, text=\"Location\")\n        location_frame.grid(row=0, column=1, padx=5, pady=5, sticky=(tk.W))\n        ttk.Label(\n            location_frame, \n            text=f\"Lat: {latitude:.2f}, Lon: {longitude:.2f}\"\n        ).grid(row=0, column=0, padx=5, pady=2)\n        \n    def create_chart(self) -> None:\n        \"\"\"\n        Create a line chart using matplotlib\n        \"\"\"\n        # Create figure and axis\n        fig = Figure(figsize=(8, 4))\n        ax = fig.add_subplot(111)\n        \n        # Extract data for plotting\n        dates = [d['date'] for d in data]\n        highs = [d['high'] for d in data]\n        lows = [d['low'] for d in data]\n        \n        # Plot lines\n        ax.plot(dates, highs, marker='o', label='High', color='red')\n        ax.plot(dates, lows, marker='o', label='Low', color='blue')\n        \n        # Customize chart\n        ax.grid(True)\n        ax.set_xlabel('Date')\n        ax.set_ylabel('Temperature')\n        ax.legend()\n        \n        # Rotate x-axis labels for better readability\n        plt.setp(ax.get_xticklabels(), rotation=45)\n        \n        # Create canvas and add to frame\n        canvas = FigureCanvasTkAgg(fig, master=self.chart_frame)\n        canvas.draw()\n        canvas.get_tk_widget().grid(row=0, column=0, sticky=(tk.W, tk.E, tk.N, tk.S))\n\ndef main():\n    root = tk.Tk()\n    dashboard = WeatherDashboard(root)\n    \n    # Example coordinates (Paris)\n    dashboard.render_header(48.8566, 2.3522)\n    dashboard.create_chart()\n    \n    # Configure grid weights\n    root.columnconfigure(0, weight=1)\n    root.rowconfigure(1, weight=1)\n    \n    # Start the application\n    root.mainloop()\n\nif __name__ == \"__main__\":\n    main()\n\n```\n\n### And some mermaids:\n\n```mermaid\ngraph TD\n          A[Christmas] -->|Get money| B(Go shopping)\n          B --> C{Let me think}\n          B --> G[/Another/]\n          C ==>|One| D[Laptop]\n          C -->|Two| E[iPhone]\n          C -->|Three| F[fa:fa-car Car]\n          subgraph section\n            C\n            D\n            E\n            F\n            G\n          end\n```\n\n```mermaid pie chart\npie title Distribution\n    \"Category A\" : 30\n    \"Category B\" : 20\n    \"Category C\" : 15\n    \"Category D\" : 10\n    \"Category E\" : 25\n```\n\n";
+export var ExtendedMarkdownStory = {
+    args: {
+        content: example,
+    },
+};
+//# sourceMappingURL=Markdown.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.stories.js","sourceRoot":"","sources":["../../../src/stories/Markdown.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,CAAC,UAAC,KAAK,IAAK,OAAA,oBAAC,KAAK,OAAG,EAAT,CAAS,CAAC;IAClC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,mBAAmB;gBACnB,yBAAyB;gBACzB,kBAAkB;aACnB;YACD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,IAAM,OAAO,GAAG,ssWA4Tf,CAAC;AAEF,MAAM,CAAC,IAAM,qBAAqB,GAAU;IAC1C,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;KACjB;CACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MockConversation.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/MockConversation.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,QAAA,MAAM,IAAI;;CAE+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAkDpB,eAAO,MAAM,wBAAwB,yBAiFpC,CAAC"}

package/dist/esm/stories/MockConversation.stories.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { Avatar, Button, Citation, CitationIcons, CitationTitle, GithubIcon, Icon, Markdown, SlackLogo, TableIcon, } from "../index_with_tw_base";
+var meta = {
+    title: "Playground/MockConversation",
+};
+export default meta;
+var ConversationView = function (_a) {
+    var messages = _a.messages;
+    return (React.createElement("div", { className: "s-flex s-w-full s-max-w-4xl s-flex-1 s-flex-col s-justify-start s-gap-8 s-pb-4 s-@container/conversation" }, messages.map(function (message, index) { return (React.createElement("div", { key: index, className: "s-flex s-flex-col s-gap-2" },
+        React.createElement("div", { className: "s-flex s-items-start s-gap-3" },
+            React.createElement(Avatar, { size: "sm", visual: message.pictureUrl, name: message.name }),
+            React.createElement("div", { className: "s-flex-1" },
+                React.createElement("div", { className: "s-font-medium" }, message.name),
+                React.createElement("div", { className: "s-text-sm s-text-muted-foreground" }, message.isMarkdown ? (React.createElement(Markdown, { content: message.content })) : (message.content)),
+                message.citations && (React.createElement("div", { className: "s-mt-2 s-flex s-flex-col s-gap-1" }, message.citations)),
+                message.buttons && (React.createElement("div", { className: "s-mt-2 s-flex s-gap-2" }, message.buttons)))))); })));
+};
+export var WithMarkdownAndCitations = function () {
+    var messages = [
+        {
+            type: "user",
+            name: "John Doe",
+            content: "Can you explain how our authentication system works?",
+            pictureUrl: "https://dust.tt/static/droidavatar/Droid_Lime_1.jpg",
+        },
+        {
+            type: "agent",
+            name: "@helper",
+            content: "\n# Authentication System Overview\n\nOur authentication system uses a multi-layered approach:\n\n1. **JWT Tokens** for session management\n2. **OAuth2** for third-party integrations\n3. **Rate limiting** to prevent abuse\n\n## Key Components\n\n```typescript\ninterface AuthConfig {\n  jwtSecret: string;\n  expiresIn: string;\n  refreshToken: boolean;\n}\n```\n\nThe system is designed to be:\n- Secure by default\n- Easy to integrate\n- Scalable\n\n> Note: Always use environment variables for sensitive configuration.\n      ",
+            pictureUrl: "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg",
+            isMarkdown: true,
+            citations: [
+                React.createElement(Citation, { key: "1", href: "#" },
+                    React.createElement(CitationIcons, null,
+                        React.createElement(Icon, { visual: GithubIcon, size: "sm" })),
+                    React.createElement(CitationTitle, null, "auth/config.ts - Authentication configuration")),
+                React.createElement(Citation, { key: "2", href: "#" },
+                    React.createElement(CitationIcons, null,
+                        React.createElement(Icon, { visual: TableIcon, size: "sm" })),
+                    React.createElement(CitationTitle, null, "Authentication System Documentation")),
+                React.createElement(Citation, { key: "3", href: "#" },
+                    React.createElement(CitationIcons, null,
+                        React.createElement(Icon, { visual: SlackLogo, size: "sm" })),
+                    React.createElement(CitationTitle, null, "Security team discussion on auth implementation")),
+            ],
+            buttons: [
+                React.createElement(Button, { key: "1", size: "sm", label: "View Documentation", variant: "outline" }),
+                React.createElement(Button, { key: "2", size: "sm", label: "Security Guidelines", variant: "outline" }),
+            ],
+        },
+    ];
+    return React.createElement(ConversationView, { messages: messages });
+};
+//# sourceMappingURL=MockConversation.stories.js.map

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

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

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MultiPageSheetContent } from "../components/MultiPageSheet";
+declare const meta: Meta<typeof MultiPageSheetContent>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const InteractiveContent: Story;
+//# sourceMappingURL=MultiPageSheet.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiPageSheet.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/MultiPageSheet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAEL,qBAAqB,EAGtB,MAAM,oCAAoC,CAAC;AAG5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAG5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0HnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA0LhC,CAAC"}

package/dist/esm/stories/MultiPageSheet.stories.js

@@ -0,0 +1,179 @@
+import { __assign, __read } from "tslib";
+import React, { useState } from "react";
+import { Button } from "../components/Button";
+import { MultiPageSheet, MultiPageSheetContent, MultiPageSheetTrigger, } from "../components/MultiPageSheet";
+import { Cog6ToothIcon, DocumentTextIcon, UserIcon } from "../icons/app";
+var meta = {
+    title: "Primitives/MultiPageSheet",
+    component: MultiPageSheetContent,
+};
+export default meta;
+var samplePages = [
+    {
+        id: "profile",
+        title: "User Profile",
+        description: "Manage your personal information",
+        icon: UserIcon,
+        content: (React.createElement("div", { className: "s-space-y-4" },
+            React.createElement("div", null,
+                React.createElement("h3", { className: "s-mb-2 s-text-lg s-font-semibold" }, "Personal Information"),
+                React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "Update your profile details and preferences.")),
+            React.createElement("div", { className: "s-space-y-3" },
+                React.createElement("div", null,
+                    React.createElement("label", { className: "s-text-sm s-font-medium" }, "Full Name"),
+                    React.createElement("input", { type: "text", className: "s-mt-1 s-w-full s-rounded-md s-border s-px-3 s-py-2", placeholder: "John Doe" })),
+                React.createElement("div", null,
+                    React.createElement("label", { className: "s-text-sm s-font-medium" }, "Email"),
+                    React.createElement("input", { type: "email", className: "s-mt-1 s-w-full s-rounded-md s-border s-px-3 s-py-2", placeholder: "john@example.com" }))))),
+    },
+    {
+        id: "documents",
+        title: "Documents",
+        description: "Manage your uploaded files",
+        icon: DocumentTextIcon,
+        content: (React.createElement("div", { className: "s-space-y-4" },
+            React.createElement("div", null,
+                React.createElement("h3", { className: "s-mb-2 s-text-lg s-font-semibold" }, "File Management"),
+                React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "Upload, organize, and manage your documents.")),
+            React.createElement("div", { className: "s-space-y-2" },
+                React.createElement("div", { className: "s-flex s-items-center s-justify-between s-rounded-md s-border s-p-3" },
+                    React.createElement("span", { className: "s-text-sm" }, "document1.pdf"),
+                    React.createElement(Button, { label: "Download", size: "sm", variant: "outline" })),
+                React.createElement("div", { className: "s-flex s-items-center s-justify-between s-rounded-md s-border s-p-3" },
+                    React.createElement("span", { className: "s-text-sm" }, "report.docx"),
+                    React.createElement(Button, { label: "Download", size: "sm", variant: "outline" }))))),
+    },
+    {
+        id: "settings",
+        title: "Settings",
+        description: "Configure your preferences",
+        icon: Cog6ToothIcon,
+        content: (React.createElement("div", { className: "s-space-y-4" },
+            React.createElement("div", null,
+                React.createElement("h3", { className: "s-mb-2 s-text-lg s-font-semibold" }, "Application Settings"),
+                React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "Customize your experience and notification preferences.")),
+            React.createElement("div", { className: "s-space-y-3" },
+                React.createElement("div", { className: "s-flex s-items-center s-justify-between" },
+                    React.createElement("span", { className: "s-text-sm" }, "Email notifications"),
+                    React.createElement("input", { type: "checkbox", className: "s-rounded", defaultChecked: true })),
+                React.createElement("div", { className: "s-flex s-items-center s-justify-between" },
+                    React.createElement("span", { className: "s-text-sm" }, "Dark mode"),
+                    React.createElement("input", { type: "checkbox", className: "s-rounded" })),
+                React.createElement("div", { className: "s-flex s-items-center s-justify-between" },
+                    React.createElement("span", { className: "s-text-sm" }, "Auto-save"),
+                    React.createElement("input", { type: "checkbox", className: "s-rounded", defaultChecked: true }))))),
+    },
+];
+var MultiPageSheetDemo = function () {
+    var _a = __read(useState("profile"), 2), currentPageId = _a[0], setCurrentPageId = _a[1];
+    var handleSave = function () {
+        alert("Changes saved!");
+    };
+    return (React.createElement(MultiPageSheet, null,
+        React.createElement(MultiPageSheetTrigger, { asChild: true },
+            React.createElement(Button, { label: "Open Multi-Page Sheet" })),
+        React.createElement(MultiPageSheetContent, { pages: samplePages, currentPageId: currentPageId, onPageChange: setCurrentPageId, size: "lg", onSave: handleSave })));
+};
+export var Default = {
+    render: function () { return React.createElement(MultiPageSheetDemo, null); },
+};
+export var InteractiveContent = {
+    render: function () {
+        var _a = __read(useState("step1"), 2), currentPageId = _a[0], setCurrentPageId = _a[1];
+        var _b = __read(useState({
+            name: "",
+            email: "",
+            selectedFile: "",
+            notifications: false,
+        }), 2), formData = _b[0], setFormData = _b[1];
+        var handleSave = function () {
+            alert("Setup completed! Data: ".concat(JSON.stringify(formData, null, 2)));
+        };
+        var interactivePages = [
+            {
+                id: "step1",
+                title: "Personal Info",
+                description: "Enter your basic information",
+                icon: UserIcon,
+                content: (React.createElement("div", { className: "s-space-y-4" },
+                    React.createElement("div", null,
+                        React.createElement("h3", { className: "s-mb-2 s-text-lg s-font-semibold" }, "Let's get started"),
+                        React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "Fill in your details to continue to the next step.")),
+                    React.createElement("div", { className: "s-space-y-3" },
+                        React.createElement("div", null,
+                            React.createElement("label", { className: "s-text-sm s-font-medium" }, "Full Name *"),
+                            React.createElement("input", { type: "text", className: "s-mt-1 s-w-full s-rounded-md s-border s-px-3 s-py-2", placeholder: "Enter your name", value: formData.name, onChange: function (e) {
+                                    return setFormData(__assign(__assign({}, formData), { name: e.target.value }));
+                                } })),
+                        React.createElement("div", null,
+                            React.createElement("label", { className: "s-text-sm s-font-medium" }, "Email *"),
+                            React.createElement("input", { type: "email", className: "s-mt-1 s-w-full s-rounded-md s-border s-px-3 s-py-2", placeholder: "Enter your email", value: formData.email, onChange: function (e) {
+                                    return setFormData(__assign(__assign({}, formData), { email: e.target.value }));
+                                } })),
+                        React.createElement("div", { className: "s-pt-2" },
+                            React.createElement(Button, { label: "Continue to File Selection", variant: "primary", size: "sm", disabled: !formData.name || !formData.email, onClick: function () { return setCurrentPageId("step2"); } }))))),
+            },
+            {
+                id: "step2",
+                title: "File Selection",
+                description: "Choose your files",
+                icon: DocumentTextIcon,
+                content: (React.createElement("div", { className: "s-space-y-4" },
+                    React.createElement("div", null,
+                        React.createElement("h3", { className: "s-mb-2 s-text-lg s-font-semibold" }, "Select a file to work with"),
+                        React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "Choose from the available files below.")),
+                    React.createElement("div", { className: "s-space-y-2" }, [
+                        "project-proposal.pdf",
+                        "budget-2024.xlsx",
+                        "meeting-notes.docx",
+                    ].map(function (file) { return (React.createElement("div", { key: file, className: "s-flex s-cursor-pointer s-items-center s-justify-between s-rounded-md s-border s-p-3 s-transition-colors hover:s-bg-gray-50 ".concat(formData.selectedFile === file
+                            ? "s-border-blue-300 s-bg-blue-50"
+                            : ""), onClick: function () {
+                            return setFormData(__assign(__assign({}, formData), { selectedFile: file }));
+                        } },
+                        React.createElement("span", { className: "s-text-sm" }, file),
+                        React.createElement("div", { className: "s-flex s-items-center s-gap-2" },
+                            React.createElement("input", { type: "radio", checked: formData.selectedFile === file, readOnly: true, className: "s-pointer-events-none" })))); })),
+                    formData.selectedFile && (React.createElement("div", { className: "s-pt-2" },
+                        React.createElement(Button, { label: "Continue to Settings", variant: "primary", size: "sm", onClick: function () { return setCurrentPageId("step3"); } }))))),
+            },
+            {
+                id: "step3",
+                title: "Final Settings",
+                description: "Configure your preferences",
+                icon: Cog6ToothIcon,
+                content: (React.createElement("div", { className: "s-space-y-4" },
+                    React.createElement("div", null,
+                        React.createElement("h3", { className: "s-mb-2 s-text-lg s-font-semibold" }, "Almost done!"),
+                        React.createElement("p", { className: "s-text-sm s-text-muted-foreground" }, "Configure your final preferences and complete the setup.")),
+                    React.createElement("div", { className: "s-space-y-3" },
+                        React.createElement("div", { className: "s-flex s-items-center s-justify-between" },
+                            React.createElement("span", { className: "s-text-sm" }, "Enable email notifications"),
+                            React.createElement("input", { type: "checkbox", className: "s-rounded", checked: formData.notifications, onChange: function (e) {
+                                    return setFormData(__assign(__assign({}, formData), { notifications: e.target.checked }));
+                                } })),
+                        React.createElement("div", { className: "s-rounded-md s-bg-gray-50 s-p-3" },
+                            React.createElement("h4", { className: "s-mb-2 s-text-sm s-font-medium" }, "Summary"),
+                            React.createElement("div", { className: "s-space-y-1 s-text-xs s-text-gray-600" },
+                                React.createElement("div", null,
+                                    "Name: ",
+                                    formData.name),
+                                React.createElement("div", null,
+                                    "Email: ",
+                                    formData.email),
+                                React.createElement("div", null,
+                                    "Selected File: ",
+                                    formData.selectedFile),
+                                React.createElement("div", null,
+                                    "Notifications:",
+                                    " ",
+                                    formData.notifications ? "Enabled" : "Disabled")))))),
+            },
+        ];
+        return (React.createElement(MultiPageSheet, null,
+            React.createElement(MultiPageSheetTrigger, { asChild: true },
+                React.createElement(Button, { label: "Open Interactive Setup" })),
+            React.createElement(MultiPageSheetContent, { pages: interactivePages, currentPageId: currentPageId, onPageChange: setCurrentPageId, size: "lg", onSave: handleSave })));
+    },
+};
+//# sourceMappingURL=MultiPageSheet.stories.js.map

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

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

package/dist/esm/stories/NavigationList.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=NavigationList.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationList.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/NavigationList.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAOpB,eAAO,MAAM,IAAI,yBA4GhB,CAAC"}

package/dist/esm/stories/NavigationList.stories.js

@@ -0,0 +1,169 @@
+import { __read } from "tslib";
+import React, { useEffect, useState } from "react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, LockIcon, NavigationList, NavigationListItem, NavigationListItemAction, NavigationListLabel, PencilSquareIcon, TrashIcon, } from "../index_with_tw_base";
+var meta = {
+    title: "Primitives/NavigationList",
+};
+export default meta;
+var getRandomTitles = function (count) {
+    var shuffled = fakeTitles.sort(function () { return 0.5 - Math.random(); });
+    return shuffled.slice(0, count);
+};
+export var Demo = function () {
+    var _a = __read(useState(null), 2), selectedIndex = _a[0], setSelectedIndex = _a[1];
+    var _b = __read(useState([]), 2), conversationTitles = _b[0], setConversationTitles = _b[1];
+    useEffect(function () {
+        setConversationTitles([
+            { label: "Today", items: getRandomTitles(5) },
+            { label: "Yesterday", items: getRandomTitles(10) },
+        ]);
+    }, []);
+    var allItems = conversationTitles.flatMap(function (section) { return section.items; });
+    var getMoreMenu = function (title) { return (React.createElement(DropdownMenu, null,
+        React.createElement(DropdownMenuTrigger, { asChild: true },
+            React.createElement(NavigationListItemAction, null)),
+        React.createElement(DropdownMenuContent, null,
+            React.createElement(DropdownMenuItem, { label: "Rename ".concat(title), icon: PencilSquareIcon, onClick: function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    // Add rename logic here
+                } }),
+            React.createElement(DropdownMenuItem, { label: "Delete", icon: TrashIcon, variant: "warning", onClick: function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    // Add delete logic here
+                } })))); };
+    return (React.createElement("div", { className: "s-flex s-h-[400px] s-w-full s-flex-row s-gap-12" },
+        React.createElement("div", { className: "s-h-[400px] s-w-[240px]" },
+            React.createElement(NavigationList, { className: "s-relative s-h-full s-w-full s-px-3" }, conversationTitles.map(function (section, sectionIndex) { return (React.createElement(React.Fragment, { key: sectionIndex },
+                React.createElement(NavigationListLabel, { label: section.label }),
+                section.items.map(function (title, index) {
+                    var itemIndex = allItems.indexOf(title);
+                    return (React.createElement(NavigationListItem, { key: index, href: index % 2 === 0 ? "#" : undefined, selected: itemIndex === selectedIndex, onClick: function (e) {
+                            // Prevent default only if it's not coming from the more menu
+                            if (!e.defaultPrevented) {
+                                e.preventDefault();
+                                setSelectedIndex(itemIndex);
+                            }
+                        }, label: title, className: "s-w-full", moreMenu: getMoreMenu(title), icon: LockIcon }));
+                }))); }))),
+        React.createElement("div", { className: "s-h-[400px] s-w-[240px]" },
+            React.createElement(NavigationList, { className: "s-relative s-h-full s-w-full s-px-3" }, conversationTitles.map(function (section, sectionIndex) { return (React.createElement(React.Fragment, { key: sectionIndex },
+                React.createElement(NavigationListLabel, { label: section.label, isSticky: true }),
+                section.items.map(function (title, index) {
+                    var itemIndex = allItems.indexOf(title);
+                    return (React.createElement(NavigationListItem, { key: index, href: index % 2 === 0 ? "#" : undefined, selected: itemIndex === selectedIndex, onClick: function (e) {
+                            // Prevent default only if it's not coming from the more menu
+                            if (!e.defaultPrevented) {
+                                e.preventDefault();
+                                setSelectedIndex(itemIndex);
+                            }
+                        }, label: title, className: "s-w-full", moreMenu: getMoreMenu(title), icon: LockIcon }));
+                }))); })))));
+};
+var fakeTitles = [
+    "Project Kickoff Meeting",
+    "Budget Review Discussion",
+    "Weekly Sync with Team",
+    "AI Bot Training Session",
+    "Quarterly Planning Meeting",
+    "Feedback on Latest Design",
+    "Client Requirements Gathering",
+    "Sprint Retrospective",
+    "Daily Standup",
+    "Marketing Strategy Planning",
+    "Code Review Session",
+    "Product Launch Preparation",
+    "Onboarding New Team Members",
+    "Customer Feedback Analysis",
+    "Feature Prioritization Discussion",
+    "Technical Debt Assessment",
+    "Supply Chain Optimization",
+    "Sales Performance Review",
+    "Cross-Department Collaboration",
+    "Innovation Brainstorming",
+    "Risk Management Workshop",
+    "Holiday Schedule Planning",
+    "Compliance and Security Update",
+    "UI/UX Design Critique",
+    "End-of-Year Wrap Up",
+    "Resource Allocation Meeting",
+    "Vendor Negotiation Strategy",
+    "Crisis Management Scenario",
+    "SEO Best Practices Review",
+    "New Hire Orientation",
+    "Remote Work Policy Update",
+    "Company Values Workshop",
+    "Leadership Development Session",
+    "Diversity and Inclusion Training",
+    "Performance Improvement Plan",
+    "Customer Success Story Sharing",
+    "Community Engagement Strategy",
+    "Internal Product Demo",
+    "Cost Reduction Initiative",
+    "Change Management Planning",
+    "Employee Recognition Program",
+    "IT Infrastructure Upgrade",
+    "Content Marketing Planning",
+    "Team Building Activities",
+    "Data Privacy Compliance",
+    "Board Meeting Preparation",
+    "Investor Relations Update",
+    "KPI Tracking and Reporting",
+    "Industry Trends Analysis",
+    "Partnership Opportunities Exploration",
+    "Employee Wellness Program",
+    "Talent Acquisition Strategy",
+    "Brand Positioning Workshop",
+    "Social Media Campaign Planning",
+    "Competitive Analysis Review",
+    "Legal Compliance Training",
+    "Cybersecurity Awareness Session",
+    "Cultural Exchange Program",
+    "Product Roadmap Presentation",
+    "Customer Journey Mapping",
+    "Financial Forecasting Session",
+    "Brand Storytelling Workshop",
+    "AI Ethics and Governance Discussion",
+    "Operational Efficiency Assessment",
+    "Annual Report Drafting",
+    "Project Milestone Celebration",
+    "Quality Assurance Review",
+    "Public Relations Strategy",
+    "Team Performance Metrics",
+    "Innovation Lab Tour",
+    "Digital Transformation Roadmap",
+    "Sustainability Initiatives Planning",
+    "Internal Communications Strategy",
+    "Customer Advisory Board Meeting",
+    "Agile Methodology Training",
+    "E-commerce Platform Update",
+    "Risk Assessment and Mitigation",
+    "Employee Satisfaction Survey Results",
+    "Sales Funnel Optimization",
+    "Cross-Cultural Communication Training",
+    "Global Expansion Strategy",
+    "Cloud Migration Plan",
+    "Crisis Communication Strategy",
+    "Webinar Content Creation",
+    "Supply Chain Risk Management",
+    "Data Analytics and Insights",
+    "Customer Onboarding Process",
+    "Brand Awareness Campaign",
+    "Product Feature Request Review",
+    "Annual Budget Allocation",
+    "Employee Exit Interview",
+    "User Feedback Session",
+    "Strategic Partnership Negotiation",
+    "Market Entry Strategy",
+    "Employee Handbook Update",
+    "Stakeholder Engagement Plan",
+    "AI Chatbot Development",
+    "Customer Retention Strategy",
+    "Company Anniversary Celebration",
+    "Leadership Team Offsite",
+    "Innovation Challenge Kickoff",
+    "Employee Benefits Review",
+    "Business Continuity Planning",
+];
+//# sourceMappingURL=NavigationList.stories.js.map

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

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

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

@@ -0,0 +1,7 @@
+import type { Meta } from "@storybook/react";
+import React from "react";
+import { Notification } from "../index_with_tw_base";
+declare const meta: Meta<typeof Notification>;
+export default meta;
+export declare const Example: () => React.JSX.Element;
+//# sourceMappingURL=Notification.stories.d.ts.map