@dryui/mcp 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4334,21 +4334,10 @@ var compositionRecipes = [
4334
4334
  </body>
4335
4335
  </html>
4336
4336
 
4337
- <!-- 2. src/app.css — global reset with DryUI tokens -->
4337
+ <!-- 2. src/app.css — import themes (resets are built in) -->
4338
4338
  @import '@dryui/ui/themes/default.css';
4339
4339
  @import '@dryui/ui/themes/dark.css';
4340
4340
 
4341
- *, *::before, *::after { box-sizing: border-box; margin: 0; }
4342
-
4343
- html {
4344
- font-family: var(--dry-font-sans);
4345
- color: var(--dry-color-text-strong);
4346
- background: var(--dry-color-bg-base);
4347
- -webkit-font-smoothing: antialiased;
4348
- }
4349
-
4350
- body { margin: 0; min-height: 100dvh; }
4351
-
4352
4341
  <!-- 3. src/routes/+layout.svelte — root layout -->
4353
4342
  <script>
4354
4343
  import '../app.css';
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "schema": "DolphinGraph",
3
- "packageVersion": "0.1.7",
3
+ "packageVersion": "0.1.11",
4
4
  "summary": {
5
5
  "componentNodes": 292,
6
6
  "partNodes": 662,
@@ -4334,21 +4334,10 @@ var compositionRecipes = [
4334
4334
  </body>
4335
4335
  </html>
4336
4336
 
4337
- <!-- 2. src/app.css — global reset with DryUI tokens -->
4337
+ <!-- 2. src/app.css — import themes (resets are built in) -->
4338
4338
  @import '@dryui/ui/themes/default.css';
4339
4339
  @import '@dryui/ui/themes/dark.css';
4340
4340
 
4341
- *, *::before, *::after { box-sizing: border-box; margin: 0; }
4342
-
4343
- html {
4344
- font-family: var(--dry-font-sans);
4345
- color: var(--dry-color-text-strong);
4346
- background: var(--dry-color-bg-base);
4347
- -webkit-font-smoothing: antialiased;
4348
- }
4349
-
4350
- body { margin: 0; min-height: 100dvh; }
4351
-
4352
4341
  <!-- 3. src/routes/+layout.svelte — root layout -->
4353
4342
  <script>
4354
4343
  import '../app.css';
@@ -3,7 +3,7 @@
3
3
  "version": 1,
4
4
  "package": {
5
5
  "name": "@dryui/ui",
6
- "version": "0.1.7"
6
+ "version": "0.1.11"
7
7
  },
8
8
  "counts": {
9
9
  "components": 144,
@@ -22321,7 +22321,7 @@
22321
22321
  "components": [
22322
22322
  "Container"
22323
22323
  ],
22324
- "snippet": "<!-- 1. app.html — add theme-auto class -->\n<!doctype html>\n<html lang=\"en\" class=\"theme-auto\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n %sveltekit.head%\n </head>\n <body>\n <div style=\"display: contents\">%sveltekit.body%</div>\n </body>\n</html>\n\n<!-- 2. src/app.css — global reset with DryUI tokens -->\n@import '@dryui/ui/themes/default.css';\n@import '@dryui/ui/themes/dark.css';\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; }\n\nhtml {\n font-family: var(--dry-font-sans);\n color: var(--dry-color-text-strong);\n background: var(--dry-color-bg-base);\n -webkit-font-smoothing: antialiased;\n}\n\nbody { margin: 0; min-height: 100dvh; }\n\n<!-- 3. src/routes/+layout.svelte — root layout -->\n<script>\n import '../app.css';\n import { Container } from '@dryui/ui';\n\n let { children } = $props();\n</script>\n\n<header>\n <Container>\n <div class=\"app-header\">My App</div>\n </Container>\n</header>\n<main>\n <Container>\n <div class=\"page-content\">\n {@render children()}\n </div>\n </Container>\n</main>\n\n<style>\n .app-header { padding: var(--dry-space-4) 0; font-weight: bold; }\n .page-content { display: grid; gap: var(--dry-space-6); }\n</style>"
22324
+ "snippet": "<!-- 1. app.html — add theme-auto class -->\n<!doctype html>\n<html lang=\"en\" class=\"theme-auto\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n %sveltekit.head%\n </head>\n <body>\n <div style=\"display: contents\">%sveltekit.body%</div>\n </body>\n</html>\n\n<!-- 2. src/app.css — import themes (resets are built in) -->\n@import '@dryui/ui/themes/default.css';\n@import '@dryui/ui/themes/dark.css';\n\n<!-- 3. src/routes/+layout.svelte — root layout -->\n<script>\n import '../app.css';\n import { Container } from '@dryui/ui';\n\n let { children } = $props();\n</script>\n\n<header>\n <Container>\n <div class=\"app-header\">My App</div>\n </Container>\n</header>\n<main>\n <Container>\n <div class=\"page-content\">\n {@render children()}\n </div>\n </Container>\n</main>\n\n<style>\n .app-header { padding: var(--dry-space-4) 0; font-weight: bold; }\n .page-content { display: grid; gap: var(--dry-space-6); }\n</style>"
22325
22325
  },
22326
22326
  "page-shell-simple": {
22327
22327
  "name": "page-shell-simple",
package/dist/spec.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.1.7",
2
+ "version": "0.1.11",
3
3
  "package": "@dryui/ui",
4
4
  "themeImports": {
5
5
  "default": "@dryui/ui/themes/default.css",
@@ -22177,7 +22177,7 @@
22177
22177
  "components": [
22178
22178
  "Container"
22179
22179
  ],
22180
- "snippet": "<!-- 1. app.html — add theme-auto class -->\n<!doctype html>\n<html lang=\"en\" class=\"theme-auto\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n %sveltekit.head%\n </head>\n <body>\n <div style=\"display: contents\">%sveltekit.body%</div>\n </body>\n</html>\n\n<!-- 2. src/app.css — global reset with DryUI tokens -->\n@import '@dryui/ui/themes/default.css';\n@import '@dryui/ui/themes/dark.css';\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; }\n\nhtml {\n font-family: var(--dry-font-sans);\n color: var(--dry-color-text-strong);\n background: var(--dry-color-bg-base);\n -webkit-font-smoothing: antialiased;\n}\n\nbody { margin: 0; min-height: 100dvh; }\n\n<!-- 3. src/routes/+layout.svelte — root layout -->\n<script>\n import '../app.css';\n import { Container } from '@dryui/ui';\n\n let { children } = $props();\n</script>\n\n<header>\n <Container>\n <div class=\"app-header\">My App</div>\n </Container>\n</header>\n<main>\n <Container>\n <div class=\"page-content\">\n {@render children()}\n </div>\n </Container>\n</main>\n\n<style>\n .app-header { padding: var(--dry-space-4) 0; font-weight: bold; }\n .page-content { display: grid; gap: var(--dry-space-6); }\n</style>"
22180
+ "snippet": "<!-- 1. app.html — add theme-auto class -->\n<!doctype html>\n<html lang=\"en\" class=\"theme-auto\">\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n %sveltekit.head%\n </head>\n <body>\n <div style=\"display: contents\">%sveltekit.body%</div>\n </body>\n</html>\n\n<!-- 2. src/app.css — import themes (resets are built in) -->\n@import '@dryui/ui/themes/default.css';\n@import '@dryui/ui/themes/dark.css';\n\n<!-- 3. src/routes/+layout.svelte — root layout -->\n<script>\n import '../app.css';\n import { Container } from '@dryui/ui';\n\n let { children } = $props();\n</script>\n\n<header>\n <Container>\n <div class=\"app-header\">My App</div>\n </Container>\n</header>\n<main>\n <Container>\n <div class=\"page-content\">\n {@render children()}\n </div>\n </Container>\n</main>\n\n<style>\n .app-header { padding: var(--dry-space-4) 0; font-weight: bold; }\n .page-content { display: grid; gap: var(--dry-space-6); }\n</style>"
22181
22181
  },
22182
22182
  "page-shell-simple": {
22183
22183
  "name": "page-shell-simple",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dryui/mcp",
3
- "version": "0.2.0",
3
+ "version": "0.2.2",
4
4
  "author": "Rob Balfre",
5
5
  "license": "MIT",
6
6
  "repository": {