@dust-tt/sparkle 0.4.27 → 0.5.1

package/dist/esm/stories/Chip.stories.js

@@ -1,11 +1,11 @@
 import React from "react";
 import { CHIP_COLORS, CHIP_SIZES } from "../components/Chip";
 import { Chip, UserGroupIcon } from "../index_with_tw_base";
-var ICONS = {
+const ICONS = {
     none: null,
     UserGroupIcon: UserGroupIcon,
 };
-var meta = {
+const meta = {
     title: "Primitives/Chip",
     component: Chip,
     tags: ["autodocs"],
@@ -45,7 +45,7 @@ var meta = {
 };
 export default meta;
 // Basic example with controls
-export var Basic = {
+export const Basic = {
     args: {
         label: "Example Chip",
         size: "sm",
@@ -54,7 +54,7 @@ export var Basic = {
         onRemove: undefined,
     },
 };
-export var MiniChip = {
+export const MiniChip = {
     args: {
         label: "label",
         size: "mini",
@@ -63,17 +63,17 @@ export var MiniChip = {
         onRemove: undefined,
     },
 };
-export var ThinkingChip = {
-    render: function () { return (React.createElement(Chip, { size: "sm", label: "Thinking, Searching", isBusy: true, onClick: function () { return console.log(); } })); },
+export const ThinkingChip = {
+    render: () => (React.createElement(Chip, { size: "sm", label: "Thinking, Searching", isBusy: true, onClick: () => console.log() })),
 };
-export var RemovableChip = {
-    render: function () { return (React.createElement("div", { className: "s-space-x-2" },
-        React.createElement(Chip, { size: "mini", color: "golden", label: "Remove me", onRemove: function () { return alert("Removed"); } }),
-        React.createElement(Chip, { size: "xs", color: "golden", label: "Remove me", onRemove: function () { return alert("Removed"); } }),
-        React.createElement(Chip, { size: "sm", color: "golden", label: "Remove me", onRemove: function () { return alert("Removed"); } }))); },
+export const RemovableChip = {
+    render: () => (React.createElement("div", { className: "s-space-x-2" },
+        React.createElement(Chip, { size: "mini", color: "golden", label: "Remove me", onRemove: () => alert("Removed") }),
+        React.createElement(Chip, { size: "xs", color: "golden", label: "Remove me", onRemove: () => alert("Removed") }),
+        React.createElement(Chip, { size: "sm", color: "golden", label: "Remove me", onRemove: () => alert("Removed") }))),
 };
-export var AllColors = {
-    render: function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
+export const AllColors = {
+    render: () => (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
         React.createElement("div", { className: "s-flex s-flex-wrap s-gap-2" },
             React.createElement(Chip, { size: "mini", color: "primary", label: "Primary" }),
             React.createElement(Chip, { size: "xs", color: "primary", label: "Primary" }),
@@ -89,14 +89,14 @@ export var AllColors = {
             React.createElement(Chip, { size: "sm", color: "rose", label: "Rose" }),
             React.createElement(Chip, { size: "sm", color: "golden", label: "Golden" })),
         React.createElement("div", { className: "s-flex s-flex-wrap s-gap-2" },
-            React.createElement(Chip, { size: "sm", color: "primary", label: "Primary", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
-            React.createElement(Chip, { size: "sm", color: "highlight", label: "Highlight", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
-            React.createElement(Chip, { size: "sm", color: "success", label: "Success", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
-            React.createElement(Chip, { size: "sm", color: "warning", label: "Warning", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
-            React.createElement(Chip, { size: "sm", color: "info", label: "Info", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
-            React.createElement(Chip, { size: "sm", color: "green", label: "Green", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
-            React.createElement(Chip, { size: "sm", color: "blue", label: "Blue", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
-            React.createElement(Chip, { size: "sm", color: "rose", label: "Rose", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
-            React.createElement(Chip, { size: "sm", color: "golden", label: "Golden", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } })))); },
+            React.createElement(Chip, { size: "sm", color: "primary", label: "Primary", onClick: () => alert("Clicked"), onRemove: () => alert("Removed") }),
+            React.createElement(Chip, { size: "sm", color: "highlight", label: "Highlight", onClick: () => alert("Clicked"), onRemove: () => alert("Removed") }),
+            React.createElement(Chip, { size: "sm", color: "success", label: "Success", onClick: () => alert("Clicked"), onRemove: () => alert("Removed") }),
+            React.createElement(Chip, { size: "sm", color: "warning", label: "Warning", onClick: () => alert("Clicked"), onRemove: () => alert("Removed") }),
+            React.createElement(Chip, { size: "sm", color: "info", label: "Info", onClick: () => alert("Clicked"), onRemove: () => alert("Removed") }),
+            React.createElement(Chip, { size: "sm", color: "green", label: "Green", onClick: () => alert("Clicked"), onRemove: () => alert("Removed") }),
+            React.createElement(Chip, { size: "sm", color: "blue", label: "Blue", onClick: () => alert("Clicked"), onRemove: () => alert("Removed") }),
+            React.createElement(Chip, { size: "sm", color: "rose", label: "Rose", onClick: () => alert("Clicked"), onRemove: () => alert("Removed") }),
+            React.createElement(Chip, { size: "sm", color: "golden", label: "Golden", onClick: () => alert("Clicked"), onRemove: () => alert("Removed") })))),
 };
 //# sourceMappingURL=Chip.stories.js.map

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

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

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

@@ -1,7 +1,7 @@
 import React from "react";
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<(import("../index_with_tw_base").CardProps & {
+    component: React.ForwardRefExoticComponent<(import("../components").CardProps & {
         children: React.ReactNode;
         isLoading?: boolean | undefined;
         tooltip?: string | undefined;

package/dist/esm/stories/Citation.stories.js

@@ -1,37 +1,37 @@
 import React from "react";
 import { Button, Citation, CitationClose, CitationDescription, CitationGrid, CitationIcons, CitationImage, CitationIndex, CitationTitle, DocumentIcon, ExternalLinkIcon, FaviconIcon, GlobeAltIcon, Icon, ImageIcon, NotionLogo, Popover, SlackLogo, TableIcon, } from "../index_with_tw_base";
-var meta = {
+const meta = {
     title: "Components/Citation",
     component: Citation,
 };
 export default meta;
-export var CitationsExample = function () { return (React.createElement("div", { className: "s-flex s-flex-col s-gap-8" },
+export const CitationsExample = () => (React.createElement("div", { className: "s-flex s-flex-col s-gap-8" },
     "Example of attachement",
     React.createElement(CitationGrid, null,
-        React.createElement(Citation, { onClick: function () { return alert("Card clicked"); }, className: "s-w-48", tooltip: "@ed at 16:32 This is the latest ve" },
+        React.createElement(Citation, { onClick: () => alert("Card clicked"), className: "s-w-48", tooltip: "@ed at 16:32 This is the latest ve" },
             React.createElement(CitationIcons, null,
                 React.createElement(Icon, { visual: SlackLogo, size: "sm" })),
             React.createElement(CitationTitle, null, "Citation w/ tooltip"),
             React.createElement(CitationDescription, null, "@ed at 16:32 This is the latest ve"))),
     React.createElement(CitationGrid, null,
-        React.createElement(Citation, { onClick: function () { return alert("Card clicked"); }, className: "s-w-48", tooltip: "@ed at 16:32 This is the latest ve" },
+        React.createElement(Citation, { onClick: () => alert("Card clicked"), className: "s-w-48", tooltip: "@ed at 16:32 This is the latest ve" },
             React.createElement(CitationIcons, null,
                 React.createElement(Icon, { visual: SlackLogo, size: "sm" })),
             React.createElement(CitationTitle, null, "Slack thread"),
             React.createElement(CitationDescription, null, "@ed at 16:32 This is the latest ve")),
-        React.createElement(Citation, { onClick: function () { return alert("Card clicked"); }, className: "s-w-48" },
+        React.createElement(Citation, { onClick: () => alert("Card clicked"), className: "s-w-48" },
             React.createElement(CitationIcons, null,
                 React.createElement(Icon, { visual: TableIcon, size: "sm" })),
             React.createElement(CitationTitle, null, "extract_financa.csv")),
-        React.createElement(Citation, { onClick: function () { return alert("Card clicked"); }, className: "s-w-48" },
+        React.createElement(Citation, { onClick: () => alert("Card clicked"), className: "s-w-48" },
             React.createElement(CitationIcons, null,
                 React.createElement(FaviconIcon, { websiteUrl: "https://www.linkedin.com", size: "sm" })),
             React.createElement(CitationTitle, null, "Linkedin, Edouard Wautier")),
-        React.createElement(Citation, { onClick: function () { return alert("Card clicked"); }, className: "s-w-48" },
+        React.createElement(Citation, { onClick: () => alert("Card clicked"), className: "s-w-48" },
             React.createElement(CitationIcons, null,
                 React.createElement(FaviconIcon, { websiteUrl: "https://github.com", size: "sm" })),
             React.createElement(CitationTitle, null, "GitHub Repository")),
-        React.createElement(Citation, { onClick: function () { return alert("Card clicked"); }, className: "s-w-48" },
+        React.createElement(Citation, { onClick: () => alert("Card clicked"), className: "s-w-48" },
             React.createElement(CitationImage, { imgSrc: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
             React.createElement(CitationIcons, null,
                 React.createElement(Icon, { visual: ImageIcon, size: "sm" })),
@@ -42,20 +42,20 @@ export var CitationsExample = function () { return (React.createElement("div", {
             React.createElement(CitationTitle, null, "screenshot.png"))),
     "Example of dissmissable attachements",
     React.createElement(CitationGrid, null,
-        React.createElement(Citation, { onClick: function () { return alert("Card clicked"); }, className: "s-w-48", action: React.createElement(CitationClose, { onClick: function () { return alert("Close clicked"); } }) },
+        React.createElement(Citation, { onClick: () => alert("Card clicked"), className: "s-w-48", action: React.createElement(CitationClose, { onClick: () => alert("Close clicked") }) },
             React.createElement(CitationIcons, null,
                 React.createElement(Icon, { visual: SlackLogo, size: "sm" })),
             React.createElement(CitationTitle, null, "Slack thread"),
             React.createElement(CitationDescription, null, "@ed at 16:32 This is the latest ve")),
-        React.createElement(Citation, { onClick: function () { return alert("Card clicked"); }, className: "s-w-48", action: React.createElement(CitationClose, { onClick: function () { return alert("Close clicked"); } }) },
+        React.createElement(Citation, { onClick: () => alert("Card clicked"), className: "s-w-48", action: React.createElement(CitationClose, { onClick: () => alert("Close clicked") }) },
             React.createElement(CitationIcons, null,
                 React.createElement(Icon, { visual: TableIcon, size: "sm" })),
             React.createElement(CitationTitle, null, "extract_financa.csv")),
-        React.createElement(Citation, { onClick: function () { return alert("Card clicked"); }, className: "s-w-48", action: React.createElement(CitationClose, { onClick: function () { return alert("Close clicked"); } }) },
+        React.createElement(Citation, { onClick: () => alert("Card clicked"), className: "s-w-48", action: React.createElement(CitationClose, { onClick: () => alert("Close clicked") }) },
             React.createElement(CitationIcons, null,
                 React.createElement(Icon, { visual: GlobeAltIcon, size: "sm" })),
             React.createElement(CitationTitle, null, "Linkedin, Edouard Wautier")),
-        React.createElement(Citation, { onClick: function () { return alert("Card clicked"); }, className: "s-w-48", action: React.createElement(CitationClose, { onClick: function () { return alert("Close clicked"); } }) },
+        React.createElement(Citation, { onClick: () => alert("Card clicked"), className: "s-w-48", action: React.createElement(CitationClose, { onClick: () => alert("Close clicked") }) },
             React.createElement(CitationImage, { imgSrc: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg" }),
             React.createElement(CitationIcons, null,
                 React.createElement(Icon, { visual: ImageIcon, size: "sm" })),
@@ -70,40 +70,40 @@ export var CitationsExample = function () { return (React.createElement("div", {
                 React.createElement(Button, { variant: "ghost", icon: ExternalLinkIcon, className: "s-absolute s-right-2 s-top-2" })) })),
     "Example of dynamic grid",
     React.createElement(CitationGrid, null,
-        React.createElement(Citation, { onClick: function () { return alert("Card clicked"); } },
+        React.createElement(Citation, { onClick: () => alert("Card clicked") },
             React.createElement(CitationIcons, null,
                 React.createElement(CitationIndex, null, "1"),
                 React.createElement(Icon, { visual: SlackLogo, size: "sm" })),
             React.createElement(CitationTitle, null, "Hello")),
-        React.createElement(Citation, { onClick: function () { return alert("Close action clicked"); } },
+        React.createElement(Citation, { onClick: () => alert("Close action clicked") },
             React.createElement(CitationIcons, null,
                 React.createElement(CitationIndex, null, "2"),
                 React.createElement(Icon, { visual: NotionLogo, size: "sm" })),
             React.createElement(CitationTitle, null, "Hello")),
-        React.createElement(Citation, { onClick: function () { return alert("Close action clicked"); } },
+        React.createElement(Citation, { onClick: () => alert("Close action clicked") },
             React.createElement(CitationIcons, null,
                 React.createElement(CitationIndex, null, "3"),
                 React.createElement(Icon, { visual: DocumentIcon, size: "sm" })),
             React.createElement(CitationTitle, null, "Hello")),
-        React.createElement(Citation, { onClick: function () { return alert("Close action clicked"); } },
+        React.createElement(Citation, { onClick: () => alert("Close action clicked") },
             React.createElement(CitationIcons, null,
                 React.createElement(CitationIndex, null, "4"),
                 React.createElement(FaviconIcon, { websiteUrl: "https://stackoverflow.com", size: "sm" })),
             React.createElement(CitationTitle, null, "Stack Overflow Answer")),
-        React.createElement(Citation, { onClick: function () { return alert("Close action clicked"); } },
+        React.createElement(Citation, { onClick: () => alert("Close action clicked") },
             React.createElement(CitationIcons, null,
                 React.createElement(CitationIndex, null, "5"),
                 React.createElement(FaviconIcon, { websiteUrl: "https://www.wikipedia.org", size: "sm" })),
             React.createElement(CitationTitle, null, "Wikipedia Article"))),
     "Example of interactive content (list variant)",
     React.createElement(CitationGrid, { variant: "list" },
-        React.createElement(Citation, { onClick: function () { return alert("Interactive content clicked"); } },
+        React.createElement(Citation, { onClick: () => alert("Interactive content clicked") },
             React.createElement(CitationTitle, null, "Analytics Dashboard"),
             React.createElement(CitationDescription, null, "Visualization")),
-        React.createElement(Citation, { onClick: function () { return alert("Interactive content clicked"); } },
+        React.createElement(Citation, { onClick: () => alert("Interactive content clicked") },
             React.createElement(CitationTitle, null, "Customer Data Analysis"),
             React.createElement(CitationDescription, null, "Interactive Content")),
-        React.createElement(Citation, { onClick: function () { return alert("Interactive content clicked"); } },
+        React.createElement(Citation, { onClick: () => alert("Interactive content clicked") },
             React.createElement(CitationTitle, null, "Sales Report Generator"),
-            React.createElement(CitationDescription, null, "Visualization"))))); };
+            React.createElement(CitationDescription, null, "Visualization")))));
 //# sourceMappingURL=Citation.stories.js.map

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

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

package/dist/esm/stories/CodeBlock.stories.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { CodeBlock } from "../index_with_tw_base";
-var meta = {
+const meta = {
     title: "Components/CodeBlock",
     component: CodeBlock,
     argTypes: {
@@ -35,88 +35,304 @@ var meta = {
         },
     },
     decorators: [
-        function (Story) { return (React.createElement("div", { className: "s-bg-background s-p-4 dark:s-bg-background-night" },
-            React.createElement(Story, null))); },
+        (Story) => (React.createElement("div", { className: "s-bg-background s-p-4 dark:s-bg-background-night" },
+            React.createElement(Story, null))),
     ],
 };
 export default meta;
 // Inline code examples
-export var InlineCode = {
+export const InlineCode = {
     args: {
         children: "const greeting = 'Hello, World!';",
         inline: true,
     },
 };
-export var InlineCodeWithVariant = {
+export const InlineCodeWithVariant = {
     args: {
         children: "npm install @dust-tt/sparkle",
         inline: true,
         variant: "surface",
     },
 };
-export var TypescriptBlock = {
+export const TypescriptBlock = {
     args: {
-        children: "interface User {\n  id: number;\n  name: string;\n  email: string;\n  isActive: boolean;\n}\n\nconst createUser = (userData: Partial<User>): User => {\n  return {\n    id: Math.random(),\n    name: userData.name || \"Anonymous\",\n    email: userData.email || \"\",\n    isActive: userData.isActive ?? true,\n  };\n};\n\nconst newUser = createUser({ name: \"John Doe\", email: \"john@example.com\" });",
+        children: `interface User {
+  id: number;
+  name: string;
+  email: string;
+  isActive: boolean;
+}
+
+const createUser = (userData: Partial<User>): User => {
+  return {
+    id: Math.random(),
+    name: userData.name || "Anonymous",
+    email: userData.email || "",
+    isActive: userData.isActive ?? true,
+  };
+};
+
+const newUser = createUser({ name: "John Doe", email: "john@example.com" });`,
         className: "language-typescript",
         inline: false,
     },
 };
-export var ReactTSXBlock = {
+export const ReactTSXBlock = {
     args: {
-        children: "import React, { useState, useEffect } from 'react';\nimport { Button } from '@dust-tt/sparkle';\n\ninterface CounterProps {\n  initialValue?: number;\n  step?: number;\n  onCountChange?: (count: number) => void;\n}\n\nconst Counter: React.FC<CounterProps> = ({ \n  initialValue = 0, \n  step = 1,\n  onCountChange\n}) => {\n  const [count, setCount] = useState<number>(initialValue);\n\n  useEffect(() => {\n    document.title = `Count: ${count}`;\n    onCountChange?.(count);\n  }, [count, onCountChange]);\n\n  const increment = (): void => setCount(prev => prev + step);\n  const decrement = (): void => setCount(prev => prev - step);\n  const reset = (): void => setCount(initialValue);\n\n  return (\n    <div className=\"flex items-center gap-4\">\n      <Button onClick={decrement} variant=\"outline\">\n        -\n      </Button>\n      <span className=\"text-2xl font-bold\">{count}</span>\n      <Button onClick={increment} variant=\"primary\">\n        +\n      </Button>\n      <Button onClick={reset} variant=\"ghost\">\n        Reset\n      </Button>\n    </div>\n  );\n};\n\nexport default Counter;",
+        children: `import React, { useState, useEffect } from 'react';
+import { Button } from '@dust-tt/sparkle';
+
+interface CounterProps {
+  initialValue?: number;
+  step?: number;
+  onCountChange?: (count: number) => void;
+}
+
+const Counter: React.FC<CounterProps> = ({ 
+  initialValue = 0, 
+  step = 1,
+  onCountChange
+}) => {
+  const [count, setCount] = useState<number>(initialValue);
+
+  useEffect(() => {
+    document.title = \`Count: \${count}\`;
+    onCountChange?.(count);
+  }, [count, onCountChange]);
+
+  const increment = (): void => setCount(prev => prev + step);
+  const decrement = (): void => setCount(prev => prev - step);
+  const reset = (): void => setCount(initialValue);
+
+  return (
+    <div className="flex items-center gap-4">
+      <Button onClick={decrement} variant="outline">
+        -
+      </Button>
+      <span className="text-2xl font-bold">{count}</span>
+      <Button onClick={increment} variant="primary">
+        +
+      </Button>
+      <Button onClick={reset} variant="ghost">
+        Reset
+      </Button>
+    </div>
+  );
+};
+
+export default Counter;`,
         className: "language-tsx",
         inline: false,
     },
 };
-export var CSSBlock = {
+export const CSSBlock = {
     args: {
-        children: ".code-block {\n  background-color: var(--s-muted);\n  border: 1px solid var(--s-border);\n  border-radius: 0.5rem;\n  padding: 1rem;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 0.875rem;\n  line-height: 1.5;\n  overflow-x: auto;\n}\n\n.code-block .keyword {\n  color: #8b5cf6; /* violet-500 */\n}\n\n.code-block .string {\n  color: #10b981; /* emerald-500 */\n}\n\n.code-block .comment {\n  color: #6b7280; /* gray-500 */\n  font-style: italic;\n}\n\n@media (prefers-color-scheme: dark) {\n  .code-block {\n    background-color: var(--s-muted-night);\n    border-color: var(--s-border-night);\n  }\n}",
+        children: `.code-block {
+  background-color: var(--s-muted);
+  border: 1px solid var(--s-border);
+  border-radius: 0.5rem;
+  padding: 1rem;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  overflow-x: auto;
+}
+
+.code-block .keyword {
+  color: #8b5cf6; /* violet-500 */
+}
+
+.code-block .string {
+  color: #10b981; /* emerald-500 */
+}
+
+.code-block .comment {
+  color: #6b7280; /* gray-500 */
+  font-style: italic;
+}
+
+@media (prefers-color-scheme: dark) {
+  .code-block {
+    background-color: var(--s-muted-night);
+    border-color: var(--s-border-night);
+  }
+}`,
         className: "language-css",
         inline: false,
     },
 };
-export var JSONBlock = {
+export const JSONBlock = {
     args: {
-        children: "{\n  \"name\": \"@dust-tt/sparkle\",\n  \"version\": \"1.0.0\",\n  \"description\": \"A beautiful component library for React applications\",\n  \"main\": \"dist/index.js\",\n  \"types\": \"dist/index.d.ts\",\n  \"scripts\": {\n    \"build\": \"rollup -c\",\n    \"dev\": \"rollup -c -w\",\n    \"test\": \"jest\",\n    \"lint\": \"eslint src/**/*.{ts,tsx}\"\n  },\n  \"dependencies\": {\n    \"react\": \"^18.0.0\",\n    \"react-dom\": \"^18.0.0\",\n    \"class-variance-authority\": \"^0.7.0\"\n  },\n  \"devDependencies\": {\n    \"@types/react\": \"^18.0.0\",\n    \"@types/react-dom\": \"^18.0.0\",\n    \"typescript\": \"^5.0.0\"\n  },\n  \"keywords\": [\"react\", \"components\", \"ui\", \"typescript\"],\n  \"author\": \"Dust Team\",\n  \"license\": \"MIT\"\n}",
+        children: `{
+  "name": "@dust-tt/sparkle",
+  "version": "1.0.0",
+  "description": "A beautiful component library for React applications",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "test": "jest",
+    "lint": "eslint src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "class-variance-authority": "^0.7.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "typescript": "^5.0.0"
+  },
+  "keywords": ["react", "components", "ui", "typescript"],
+  "author": "Dust Team",
+  "license": "MIT"
+}`,
         className: "language-json",
         inline: false,
     },
 };
-export var BashBlock = {
+export const BashBlock = {
     args: {
-        children: "#!/bin/bash\n\n# Install dependencies\nnpm install\n\n# Build the project\nnpm run build\n\n# Run tests\nnpm test\n\n# Deploy to production\nif [ \"$ENVIRONMENT\" = \"production\" ]; then\n  echo \"Deploying to production...\"\n  npm run deploy:prod\nelse\n  echo \"Deploying to staging...\"\n  npm run deploy:staging\nfi\n\n# Clean up\nnpm run clean",
+        children: `#!/bin/bash
+
+# Install dependencies
+npm install
+
+# Build the project
+npm run build
+
+# Run tests
+npm test
+
+# Deploy to production
+if [ "$ENVIRONMENT" = "production" ]; then
+  echo "Deploying to production..."
+  npm run deploy:prod
+else
+  echo "Deploying to staging..."
+  npm run deploy:staging
+fi
+
+# Clean up
+npm run clean`,
         className: "language-bash",
         inline: false,
     },
 };
-export var SQLBlock = {
+export const SQLBlock = {
     args: {
-        children: "-- Create users table\nCREATE TABLE users (\n  id SERIAL PRIMARY KEY,\n  username VARCHAR(50) UNIQUE NOT NULL,\n  email VARCHAR(100) UNIQUE NOT NULL,\n  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,\n  updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP\n);\n\n-- Insert sample data\nINSERT INTO users (username, email) VALUES\n  ('alice', 'alice@example.com'),\n  ('bob', 'bob@example.com'),\n  ('charlie', 'charlie@example.com');\n\n-- Query with joins\nSELECT \n  u.username,\n  u.email,\n  p.title as post_title,\n  p.created_at as post_date\nFROM users u\nLEFT JOIN posts p ON u.id = p.user_id\nWHERE u.created_at > '2024-01-01'\nORDER BY p.created_at DESC\nLIMIT 10;",
+        children: `-- Create users table
+CREATE TABLE users (
+  id SERIAL PRIMARY KEY,
+  username VARCHAR(50) UNIQUE NOT NULL,
+  email VARCHAR(100) UNIQUE NOT NULL,
+  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+  updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+);
+
+-- Insert sample data
+INSERT INTO users (username, email) VALUES
+  ('alice', 'alice@example.com'),
+  ('bob', 'bob@example.com'),
+  ('charlie', 'charlie@example.com');
+
+-- Query with joins
+SELECT 
+  u.username,
+  u.email,
+  p.title as post_title,
+  p.created_at as post_date
+FROM users u
+LEFT JOIN posts p ON u.id = p.user_id
+WHERE u.created_at > '2024-01-01'
+ORDER BY p.created_at DESC
+LIMIT 10;`,
         className: "language-sql",
         inline: false,
     },
 };
 // Long code example with line wrapping
-export var LongCodeWithWrapping = {
+export const LongCodeWithWrapping = {
     args: {
-        children: "// This is a very long line of code that demonstrates how the wrapLongLines prop works when set to true. It contains a lot of text and would normally overflow the container, but with wrapLongLines enabled, it will wrap to the next line instead of creating a horizontal scrollbar. This is particularly useful for mobile devices or narrow containers where horizontal scrolling is not desirable.\n\nfunction processVeryLongFunctionNameWithManyParameters(\n  parameterOne: string,\n  parameterTwo: number,\n  parameterThree: boolean,\n  parameterFour: object,\n  parameterFive: array,\n  parameterSix: function,\n  parameterSeven: string,\n  parameterEight: number\n): Promise<ComplexReturnType> {\n  // Implementation here\n  return new Promise((resolve, reject) => {\n    // More implementation\n  });\n}",
+        children: `// This is a very long line of code that demonstrates how the wrapLongLines prop works when set to true. It contains a lot of text and would normally overflow the container, but with wrapLongLines enabled, it will wrap to the next line instead of creating a horizontal scrollbar. This is particularly useful for mobile devices or narrow containers where horizontal scrolling is not desirable.
+
+function processVeryLongFunctionNameWithManyParameters(
+  parameterOne: string,
+  parameterTwo: number,
+  parameterThree: boolean,
+  parameterFour: object,
+  parameterFive: array,
+  parameterSix: function,
+  parameterSeven: string,
+  parameterEight: number
+): Promise<ComplexReturnType> {
+  // Implementation here
+  return new Promise((resolve, reject) => {
+    // More implementation
+  });
+}`,
         className: "language-typescript",
         inline: false,
         wrapLongLines: true,
     },
 };
 // Long code example without line wrapping (default)
-export var LongCodeWithoutWrapping = {
+export const LongCodeWithoutWrapping = {
     args: {
-        children: "// This is a very long line of code that demonstrates how the wrapLongLines prop works when set to false (default). It contains a lot of text and will create a horizontal scrollbar when it overflows the container. This is the default behavior and is useful when you want to preserve the exact formatting of the code.\n\nfunction processVeryLongFunctionNameWithManyParameters(parameterOne: string, parameterTwo: number, parameterThree: boolean, parameterFour: object, parameterFive: array, parameterSix: function, parameterSeven: string, parameterEight: number): Promise<ComplexReturnType> {\n  // Implementation here\n  return new Promise((resolve, reject) => {\n    // More implementation\n  });\n}",
+        children: `// This is a very long line of code that demonstrates how the wrapLongLines prop works when set to false (default). It contains a lot of text and will create a horizontal scrollbar when it overflows the container. This is the default behavior and is useful when you want to preserve the exact formatting of the code.
+
+function processVeryLongFunctionNameWithManyParameters(parameterOne: string, parameterTwo: number, parameterThree: boolean, parameterFour: object, parameterFive: array, parameterSix: function, parameterSeven: string, parameterEight: number): Promise<ComplexReturnType> {
+  // Implementation here
+  return new Promise((resolve, reject) => {
+    // More implementation
+  });
+}`,
         className: "language-typescript",
         inline: false,
         wrapLongLines: false,
     },
 };
-export var TypescriptWithLineNumbers = {
+export const TypescriptWithLineNumbers = {
     args: {
-        children: "interface User {\n  id: number;\n  name: string;\n  email: string;\n  isActive: boolean;\n}\n\nclass UserService {\n  private users: User[] = [];\n\n  addUser(user: Omit<User, 'id'>): User {\n    const newUser: User = {\n      id: this.users.length + 1,\n      ...user\n    };\n    \n    this.users.push(newUser);\n    return newUser;\n  }\n\n  getUserById(id: number): User | undefined {\n    return this.users.find(user => user.id === id);\n  }\n\n  getAllUsers(): User[] {\n    return [...this.users];\n  }\n}\n\nconst userService = new UserService();\nconst newUser = userService.addUser({\n  name: \"John Doe\",\n  email: \"john@example.com\",\n  isActive: true\n});\n\nconsole.log(\"Created user:\", newUser);",
+        children: `interface User {
+  id: number;
+  name: string;
+  email: string;
+  isActive: boolean;
+}
+
+class UserService {
+  private users: User[] = [];
+
+  addUser(user: Omit<User, 'id'>): User {
+    const newUser: User = {
+      id: this.users.length + 1,
+      ...user
+    };
+    
+    this.users.push(newUser);
+    return newUser;
+  }
+
+  getUserById(id: number): User | undefined {
+    return this.users.find(user => user.id === id);
+  }
+
+  getAllUsers(): User[] {
+    return [...this.users];
+  }
+}
+
+const userService = new UserService();
+const newUser = userService.addUser({
+  name: "John Doe",
+  email: "john@example.com",
+  isActive: true
+});
+
+console.log("Created user:", newUser);`,
         className: "language-typescript",
         inline: false,
         showLineNumber: true,