canvas-ui-sdk 0.1.5 → 0.1.6

package/README.md

@@ -64,9 +64,11 @@ If you're using Tailwind CSS v4, add these imports to your CSS file:
 @import "tailwindcss";
 @import "canvas-ui-sdk/tailwind";
 @import "canvas-ui-sdk/styles";
+@source "../../node_modules/canvas-ui-sdk/dist";
 ```
 
-The `canvas-ui-sdk/tailwind` import tells Tailwind to scan the SDK's compiled output for utility classes and maps the SDK's design tokens to Tailwind's semantic color names (`bg-muted`, `text-primary`, etc.).
+- `canvas-ui-sdk/tailwind` maps the SDK's design tokens to Tailwind's semantic color names (`bg-muted`, `text-primary`, etc.)
+- `@source` tells Tailwind to scan the SDK's compiled output for utility classes — adjust the relative path based on your `globals.css` location
 
 ## Components
 

package/mcp/dist/index.js

@@ -21940,13 +21940,15 @@ Your \`globals.css\` must include these three lines (in this order):
 @import "tailwindcss";
 @import "canvas-ui-sdk/tailwind";
 @import "canvas-ui-sdk/styles";
+@source "../../node_modules/canvas-ui-sdk/dist";
 \`\`\`
 
 - \`@import "tailwindcss"\` \u2014 loads Tailwind v4's base styles
-- \`@import "canvas-ui-sdk/tailwind"\` \u2014 tells Tailwind v4 to scan the SDK's compiled output for utility classes and maps the SDK's design tokens to Tailwind's semantic color names (\`bg-muted\`, \`text-primary\`, etc.)
+- \`@import "canvas-ui-sdk/tailwind"\` \u2014 maps the SDK's design tokens to Tailwind's semantic color names (\`bg-muted\`, \`text-primary\`, etc.)
 - \`@import "canvas-ui-sdk/styles"\` \u2014 loads the design system's CSS variables (colors, typography, spacing, etc.)
+- \`@source "...canvas-ui-sdk/dist"\` \u2014 tells Tailwind v4 to scan the SDK's compiled output for utility classes
 
-The \`canvas-ui-sdk/tailwind\` import handles the \`@source\` directive internally (relative to the SDK package, not your project), so you don't need to worry about getting the path right.
+Adjust the \`@source\` relative path based on your \`globals.css\` location. The path above assumes \`globals.css\` is at \`src/app/globals.css\`.
 `;
 var FONTS_SECTION = `## Font Setup (Next.js)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvas-ui-sdk",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "type": "module",
   "description": "A comprehensive UI component library with design tokens for building beautiful interfaces",
   "main": "./dist/index.js",

package/styles/tailwind.css

@@ -1,6 +1,3 @@
-/* Tell Tailwind to scan SDK dist for class usage */
-@source "../dist";
-
 /* Map shadcn/ui semantic color names to canvas design tokens */
 @theme inline {
   --color-background: var(--canvas-background);