@dust-tt/sparkle 0.4.27 → 0.5.0

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,

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

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

package/dist/esm/stories/CollapseButton.stories.js

@@ -1,11 +1,11 @@
 import React from "react";
 import { CollapseButton } from "../index_with_tw_base";
-var meta = {
+const meta = {
     title: "Primitives/CollapseButton",
     component: CollapseButton,
 };
 export default meta;
-export var CollapseExample = function () {
+export const CollapseExample = () => {
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-4" },
         React.createElement(CollapseButton, { direction: "left" }),
         React.createElement(CollapseButton, { direction: "right" })));

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

@@ -1 +1 @@
-{"version":3,"file":"CollapseButton.stories.js","sourceRoot":"","sources":["../../../src/stories/CollapseButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAc;CACY,CAAC;AAExC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B;QACxC,oBAAC,cAAc,IAAC,SAAS,EAAC,MAAM,GAAG;QACnC,oBAAC,cAAc,IAAC,SAAS,EAAC,OAAO,GAAG,CAChC,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CollapseButton.stories.js","sourceRoot":"","sources":["../../../src/stories/CollapseButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAc;CACY,CAAC;AAExC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC;IACnC,OAAO,CACL,6BAAK,SAAS,EAAC,2BAA2B;QACxC,oBAAC,cAAc,IAAC,SAAS,EAAC,MAAM,GAAG;QACnC,oBAAC,cAAc,IAAC,SAAS,EAAC,OAAO,GAAG,CAChC,CACP,CAAC;AAAA,CACH,CAAC"}

package/dist/esm/stories/Collapsible.stories.js

@@ -1,11 +1,11 @@
 import React from "react";
 import { Chip, Collapsible, CollapsibleComponent, CollapsibleContent, CollapsibleTrigger, } from "../index_with_tw_base";
-var meta = {
+const meta = {
     title: "Primitives/Collapsible",
     component: Collapsible,
 };
 export default meta;
-export var CollapsibleExample = function () { return (React.createElement("div", null,
+export const CollapsibleExample = () => (React.createElement("div", null,
     React.createElement(Collapsible, null,
         React.createElement(CollapsibleTrigger, { label: "Click me" }),
         React.createElement(CollapsibleContent, null,
@@ -25,5 +25,5 @@ export var CollapsibleExample = function () { return (React.createElement("div",
             React.createElement("div", { className: "mt-1 s-flex s-h-16 s-w-full s-items-center s-justify-center s-bg-muted-background" }, "Anything goes for the Collapsible button"))),
     React.createElement("div", { className: "s-rounded-md s-border s-border-gray-200 s-p-4" },
         React.createElement("h3", { className: "s-mb-2 s-font-medium" }, "Default Open"),
-        React.createElement(CollapsibleComponent, { rootProps: { defaultOpen: true }, triggerProps: { label: "Open by default" }, contentChildren: React.createElement("div", { className: "s-flex s-h-16 s-w-full s-items-center s-justify-center s-bg-muted-background" }, "This collapsible is open by default") })))); };
+        React.createElement(CollapsibleComponent, { rootProps: { defaultOpen: true }, triggerProps: { label: "Open by default" }, contentChildren: React.createElement("div", { className: "s-flex s-h-16 s-w-full s-items-center s-justify-center s-bg-muted-background" }, "This collapsible is open by default") }))));
 //# sourceMappingURL=Collapsible.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.stories.js","sourceRoot":"","sources":["../../../src/stories/Collapsible.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,IAAI,EACJ,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,uBAAuB,CAAC;AAE/B,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;IACE,oBAAC,WAAW;QACV,oBAAC,kBAAkB,IAAC,KAAK,EAAC,UAAU,GAAG;QACvC,oBAAC,kBAAkB;YACjB,6BAAK,SAAS,EAAC,8EAA8E,YAEvF,CACa,CACT;IAEd,oBAAC,WAAW;QACV,oBAAC,kBAAkB,IAAC,KAAK,EAAC,UAAU,GAAG;QACvC,oBAAC,kBAAkB;YACjB,6BAAK,SAAS,EAAC,8EAA8E,YAEvF,CACa,CACT;IACd,oBAAC,WAAW;QACV,oBAAC,kBAAkB,IAAC,KAAK,EAAC,UAAU,GAAG;QACvC,oBAAC,kBAAkB;YACjB,6BAAK,SAAS,EAAC,8EAA8E,YAEvF,CACa,CACT;IACd,oBAAC,WAAW;QACV,oBAAC,kBAAkB;YACjB,oBAAC,IAAI,0BAAuB,CACT;QACrB,oBAAC,kBAAkB;YACjB,6BAAK,SAAS,EAAC,mFAAmF,+CAE5F,CACa,CACT;IACd,6BAAK,SAAS,EAAC,+CAA+C;QAC5D,4BAAI,SAAS,EAAC,sBAAsB,mBAAkB;QACtD,oBAAC,oBAAoB,IACnB,SAAS,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAChC,YAAY,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC1C,eAAe,EACb,6BAAK,SAAS,EAAC,8EAA8E,0CAEvF,GAER,CACE,CACF,CACP,EAlDuC,CAkDvC,CAAC"}
+{"version":3,"file":"Collapsible.stories.js","sourceRoot":"","sources":["../../../src/stories/Collapsible.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,IAAI,EACJ,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;CACY,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CACtC;IACE,oBAAC,WAAW;QACV,oBAAC,kBAAkB,IAAC,KAAK,EAAC,UAAU,GAAG;QACvC,oBAAC,kBAAkB;YACjB,6BAAK,SAAS,EAAC,8EAA8E,YAEvF,CACa,CACT;IAEd,oBAAC,WAAW;QACV,oBAAC,kBAAkB,IAAC,KAAK,EAAC,UAAU,GAAG;QACvC,oBAAC,kBAAkB;YACjB,6BAAK,SAAS,EAAC,8EAA8E,YAEvF,CACa,CACT;IACd,oBAAC,WAAW;QACV,oBAAC,kBAAkB,IAAC,KAAK,EAAC,UAAU,GAAG;QACvC,oBAAC,kBAAkB;YACjB,6BAAK,SAAS,EAAC,8EAA8E,YAEvF,CACa,CACT;IACd,oBAAC,WAAW;QACV,oBAAC,kBAAkB;YACjB,oBAAC,IAAI,0BAAuB,CACT;QACrB,oBAAC,kBAAkB;YACjB,6BAAK,SAAS,EAAC,mFAAmF,+CAE5F,CACa,CACT;IACd,6BAAK,SAAS,EAAC,+CAA+C;QAC5D,4BAAI,SAAS,EAAC,sBAAsB,mBAAkB;QACtD,oBAAC,oBAAoB,IACnB,SAAS,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAChC,YAAY,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC1C,eAAe,EACb,6BAAK,SAAS,EAAC,8EAA8E,0CAEvF,GAER,CACE,CACF,CACP,CAAC"}

package/dist/esm/stories/ColorPalette.stories.js

@@ -1,19 +1,19 @@
 import React from "react";
 import { cn } from "../lib";
-var meta = {
+const meta = {
     title: "Theme/Colors",
 };
 export default meta;
 // Color families to display
-var colorFamilies = ["gray", "rose", "green", "blue", "golden"];
-var semanticColorFamilies = [
+const colorFamilies = ["gray", "rose", "green", "blue", "golden"];
+const semanticColorFamilies = [
     "primary",
     "highlight",
     "success",
     "warning",
     "info",
 ];
-var extendedColorFamilies = [
+const extendedColorFamilies = [
     "blue",
     "violet",
     "pink",
@@ -24,7 +24,7 @@ var extendedColorFamilies = [
     "emerald",
 ];
 // Shades to display for each color
-var shades = [
+const shades = [
     "50",
     "100",
     "200",
@@ -37,7 +37,7 @@ var shades = [
     "900",
     "950",
 ];
-var semanticShades = [
+const semanticShades = [
     "50",
     "100",
     "200",
@@ -51,38 +51,35 @@ var semanticShades = [
     "950",
     "muted",
 ];
-var ColorSwatch = function (_a) {
-    var colorClass = _a.colorClass, label = _a.label;
-    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
-        React.createElement("div", { className: cn("s-h-16 s-w-24 s-rounded-lg s-border s-border-border dark:s-border-border-night", colorClass), style: {
-                position: "relative",
-            } },
-            React.createElement("div", { className: "s-absolute s-bottom-1 s-left-1 s-font-mono s-text-[10px] s-opacity-50" }, getComputedStyle(document.documentElement)
-                .getPropertyValue("--".concat(colorClass.replace("s-bg-", "").replace(":", "-")))
-                .trim())),
-        React.createElement("div", { className: "s-font-mono s-text-xs" }, label)));
-};
-export var UIColorPalette = function () {
+const ColorSwatch = ({ colorClass, label, }) => (React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
+    React.createElement("div", { className: cn("s-h-16 s-w-24 s-rounded-lg s-border s-border-border dark:s-border-border-night", colorClass), style: {
+            position: "relative",
+        } },
+        React.createElement("div", { className: "s-absolute s-bottom-1 s-left-1 s-font-mono s-text-[10px] s-opacity-50" }, getComputedStyle(document.documentElement)
+            .getPropertyValue(`--${colorClass.replace("s-bg-", "").replace(":", "-")}`)
+            .trim())),
+    React.createElement("div", { className: "s-font-mono s-text-xs" }, label)));
+export const UIColorPalette = () => {
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-8" },
         React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
             React.createElement("h2", { className: "s-text-xl s-font-semibold" }, "UI Color Palette"),
             React.createElement("p", { className: "s-text-sm s-text-primary-600 dark:s-text-primary-400" }, "Colors to use in the UI for all direct color references.")),
-        colorFamilies.map(function (family) { return (React.createElement("div", { key: family, className: "s-flex s-flex-col s-gap-4" },
+        colorFamilies.map((family) => (React.createElement("div", { key: family, className: "s-flex s-flex-col s-gap-4" },
             React.createElement("h3", { className: "s-text-lg s-font-semibold s-capitalize" }, family),
-            React.createElement("div", { className: "s-flex s-flex-wrap s-gap-4" }, shades.map(function (shade) { return (React.createElement("div", { key: shade },
-                React.createElement(ColorSwatch, { colorClass: "s-bg-".concat(family, "-").concat(shade, " dark:s-bg-").concat(family, "-").concat(shade, "-night"), label: "".concat(family, "-").concat(shade) }))); })))); })));
+            React.createElement("div", { className: "s-flex s-flex-wrap s-gap-4" }, shades.map((shade) => (React.createElement("div", { key: shade },
+                React.createElement(ColorSwatch, { colorClass: `s-bg-${family}-${shade} dark:s-bg-${family}-${shade}-night`, label: `${family}-${shade}` }))))))))));
 };
-export var SemanticColorPalette = function () {
+export const SemanticColorPalette = () => {
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-8" },
         React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
             React.createElement("h2", { className: "s-text-xl s-font-semibold" }, "Semantic Color Palette"),
             React.createElement("p", { className: "s-text-sm s-text-primary-600 dark:s-text-primary-400" }, "Colors to use in the UI for all functional elements.")),
-        semanticColorFamilies.map(function (family) { return (React.createElement("div", { key: family, className: "s-flex s-flex-col s-gap-4" },
+        semanticColorFamilies.map((family) => (React.createElement("div", { key: family, className: "s-flex s-flex-col s-gap-4" },
             React.createElement("h3", { className: "s-text-lg s-font-semibold s-capitalize" }, family),
-            React.createElement("div", { className: "s-flex s-flex-wrap s-gap-4" }, semanticShades.map(function (shade) { return (React.createElement("div", { key: shade },
-                React.createElement(ColorSwatch, { colorClass: "s-bg-".concat(family, "-").concat(shade, " dark:s-bg-").concat(family, "-").concat(shade, "-night"), label: "".concat(family, "-").concat(shade) }))); })))); })));
+            React.createElement("div", { className: "s-flex s-flex-wrap s-gap-4" }, semanticShades.map((shade) => (React.createElement("div", { key: shade },
+                React.createElement(ColorSwatch, { colorClass: `s-bg-${family}-${shade} dark:s-bg-${family}-${shade}-night`, label: `${family}-${shade}` }))))))))));
 };
-var brandColorFamilies = [
+const brandColorFamilies = [
     {
         name: "green",
         shades: [
@@ -124,7 +121,7 @@ var brandColorFamilies = [
         ],
     },
 ];
-export var BrandColorPalette = function () {
+export const BrandColorPalette = () => {
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-8" },
         React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
             React.createElement("h2", { className: "s-text-xl s-font-semibold" }, "Brand Color Palette"),
@@ -132,12 +129,12 @@ export var BrandColorPalette = function () {
             React.createElement("ul", { className: "s-ml-4 s-list-disc s-text-sm s-text-primary-600 dark:s-text-primary-400" },
                 React.createElement("li", null, "Block colors on the website"),
                 React.createElement("li", null, "Communication in the product"))),
-        brandColorFamilies.map(function (family) { return (React.createElement("div", { key: family.name, className: "s-flex s-flex-col s-gap-4" },
+        brandColorFamilies.map((family) => (React.createElement("div", { key: family.name, className: "s-flex s-flex-col s-gap-4" },
             React.createElement("h3", { className: "s-text-lg s-font-semibold s-capitalize" }, family.name),
-            React.createElement("div", { className: "s-flex s-flex-wrap s-gap-4" }, family.shades.map(function (shade) { return (React.createElement("div", { key: shade.name },
-                React.createElement(ColorSwatch, { colorClass: "s-bg-".concat(family.name, "-").concat(shade.shade, " dark:s-bg-").concat(family.name, "-").concat(shade.shade, "-night"), label: shade.name }))); })))); })));
+            React.createElement("div", { className: "s-flex s-flex-wrap s-gap-4" }, family.shades.map((shade) => (React.createElement("div", { key: shade.name },
+                React.createElement(ColorSwatch, { colorClass: `s-bg-${family.name}-${shade.shade} dark:s-bg-${family.name}-${shade.shade}-night`, label: shade.name }))))))))));
 };
-export var ExtendedColorPalette = function () {
+export const ExtendedColorPalette = () => {
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-8" },
         React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
             React.createElement("h2", { className: "s-text-xl s-font-semibold" }, "Extended Color Palette"),
@@ -145,18 +142,18 @@ export var ExtendedColorPalette = function () {
             React.createElement("ul", { className: "s-ml-4 s-list-disc s-text-sm s-text-primary-600 dark:s-text-primary-400" },
                 React.createElement("li", null, "Avatar background colors"),
                 React.createElement("li", null, "Data visualization"))),
-        extendedColorFamilies.map(function (family) { return (React.createElement("div", { key: family, className: "s-flex s-flex-col s-gap-4" },
+        extendedColorFamilies.map((family) => (React.createElement("div", { key: family, className: "s-flex s-flex-col s-gap-4" },
             React.createElement("h3", { className: "s-text-lg s-font-semibold s-capitalize" }, family),
-            React.createElement("div", { className: "s-flex s-flex-wrap s-gap-4" }, shades.map(function (shade) { return (React.createElement("div", { key: shade },
-                React.createElement(ColorSwatch, { colorClass: "s-bg-".concat(family, "-").concat(shade, " dark:s-bg-").concat(family, "-").concat(shade, "-night"), label: "".concat(family, "-").concat(shade) }))); })))); })));
+            React.createElement("div", { className: "s-flex s-flex-wrap s-gap-4" }, shades.map((shade) => (React.createElement("div", { key: shade },
+                React.createElement(ColorSwatch, { colorClass: `s-bg-${family}-${shade} dark:s-bg-${family}-${shade}-night`, label: `${family}-${shade}` }))))))))));
 };
-var backgroundColors = ["background", "muted-background"];
-export var BackgroundColors = function () {
+const backgroundColors = ["background", "muted-background"];
+export const BackgroundColors = () => {
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-8" },
         React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
             React.createElement("h2", { className: "s-text-xl s-font-semibold" }, "Background Colors"),
             React.createElement("p", { className: "s-text-sm s-text-primary-600 dark:s-text-primary-400" }, "Background colors used for structural elements in the UI.")),
-        React.createElement("div", { className: "s-flex s-flex-wrap s-gap-4" }, backgroundColors.map(function (bg) { return (React.createElement("div", { key: bg },
-            React.createElement(ColorSwatch, { colorClass: "s-bg-".concat(bg, " dark:s-bg-").concat(bg, "-night"), label: bg }))); }))));
+        React.createElement("div", { className: "s-flex s-flex-wrap s-gap-4" }, backgroundColors.map((bg) => (React.createElement("div", { key: bg },
+            React.createElement(ColorSwatch, { colorClass: `s-bg-${bg} dark:s-bg-${bg}-night`, label: bg })))))));
 };
 //# sourceMappingURL=ColorPalette.stories.js.map

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

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

package/dist/esm/stories/ConfettiBackground.stories.js

@@ -1,17 +1,17 @@
 import React, { useRef } from "react";
 import { ConfettiBackground } from "../index";
-var meta = {
+const meta = {
     title: "Effects/ConfettiBackground",
     component: ConfettiBackground,
 };
 export default meta;
-export var ConfettiExample = function () {
-    var referentRef = useRef(null);
+export const ConfettiExample = () => {
+    const referentRef = useRef(null);
     return (React.createElement("div", { className: "s-h-[100vh] s-w-full", ref: referentRef },
         React.createElement(ConfettiBackground, { variant: "confetti", referentSize: referentRef })));
 };
-export var SnowExample = function () {
-    var referentRef = useRef(null);
+export const SnowExample = () => {
+    const referentRef = useRef(null);
     return (React.createElement("div", { className: "s-h-[100vh] s-w-full", ref: referentRef },
         React.createElement(ConfettiBackground, { variant: "snow", referentSize: referentRef })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ConfettiBackground.stories.js","sourceRoot":"","sources":["../../../src/stories/ConfettiBackground.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,kBAAkB;CACY,CAAC;AAE5C,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,IAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,OAAO,CACL,6BAAK,SAAS,EAAC,sBAAsB,EAAC,GAAG,EAAE,WAAW;QACpD,oBAAC,kBAAkB,IAAC,OAAO,EAAC,UAAU,EAAC,YAAY,EAAE,WAAW,GAAI,CAChE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,IAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,OAAO,CACL,6BAAK,SAAS,EAAC,sBAAsB,EAAC,GAAG,EAAE,WAAW;QACpD,oBAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,EAAC,YAAY,EAAE,WAAW,GAAI,CAC5D,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ConfettiBackground.stories.js","sourceRoot":"","sources":["../../../src/stories/ConfettiBackground.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,kBAAkB;CACY,CAAC;AAE5C,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC;IACnC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,OAAO,CACL,6BAAK,SAAS,EAAC,sBAAsB,EAAC,GAAG,EAAE,WAAW;QACpD,oBAAC,kBAAkB,IAAC,OAAO,EAAC,UAAU,EAAC,YAAY,EAAE,WAAW,GAAI,CAChE,CACP,CAAC;AAAA,CACH,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,OAAO,CACL,6BAAK,SAAS,EAAC,sBAAsB,EAAC,GAAG,EAAE,WAAW;QACpD,oBAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,EAAC,YAAY,EAAE,WAAW,GAAI,CAC5D,CACP,CAAC;AAAA,CACH,CAAC"}