Merge branch 'main' into fix/ts-import-not-found

README.md

@@ -113,15 +113,15 @@ Example: [`examples/vite-react/vite.config.ts`](./examples/vite-react/vite.confi
 <details>
 <summary>Use our theme or create yours</summary><br>
 
-Use our default theme, [🎨 Palette](./packages/palette):
+Use our default theme, [🎨 Pigments](./packages/pigments):
 
 ```ts
 // vite.config.ts
 export default defineConfig({
   plugins: [
     Pinceau({
       theme: {
-        layers: ['@pinceau/palette']
+        layers: ['@pinceau/pigments']
       }
     })
   ]

docs/content/2.styling/0.your-first-component.md

@@ -29,7 +29,7 @@ For this button, we have multiple requirements, it must:
 
 ::div{style="margin-bottom: var(--space-8);"}
 ::list
-- Support all existing and future colors from our theme color palette
+- Support all existing and future colors from our theme color pigments.
 - Have `sm`, `md`, `lg` and `xl` sizes
 - Support `--button-primary` and `--button-secondary` local tokens for advanced customization
 - Have type-safe component properties

docs/nuxt.config.ts

@@ -44,7 +44,7 @@ export default defineNuxtConfig({
       buildDir: resolve('./node_modules/.pinceau'),
       layers: [
         {
-          path: resolve('../../packages/palette/'),
+          path: resolve('../../packages/pigments/'),
         },
       ],
     },

docs/package.json

@@ -11,14 +11,14 @@
     "preview": "nuxt preview"
   },
   "devDependencies": {
-    "@nuxt/content": "^2.8.5",
+    "@nuxt/content": "^2.9.0",
     "@nuxt/devtools": "latest",
     "@pinceau/nuxt": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@vueuse/motion": "^2.0.0",
-    "nuxt": "^3.7.4",
-    "nuxt-icon": "^0.5.0",
-    "vue": "^3.3.4",
+    "nuxt": "^3.8.1",
+    "nuxt-icon": "^0.6.6",
+    "vue": "^3.3.8",
     "vue-router": "^4.2.5"
   }
 }

eslint.config.js

@@ -17,6 +17,7 @@ export default antfu(
       'jsdoc/require-returns': 'off',
       'ts/no-namespace': 'off',
       'new-cap': 'off',
+      'vue/require-explicit-emits': 'off',
     },
   },
   {
@@ -26,11 +27,12 @@ export default antfu(
       '**/*.md',
       '**/examples/**',
       '**/package.json',
-      'packages/palette/output/',
+      'packages/pigments/output/',
       '**/tests/fixtures/',
       '**/tests/tmp/',
       '.vscode',
       '**/grammars/*.tmLanguage.js',
+      'packages/outputs/',
     ],
   },
 )

examples/astro-svelte/package.json

@@ -10,15 +10,15 @@
     "start": "astro dev --port=3000"
   },
   "dependencies": {
-    "vue": "^3.3.4"
+    "vue": "^3.3.8"
   },
   "devDependencies": {
-    "@astrojs/svelte": "^4.0.3",
+    "@astrojs/svelte": "^4.0.4",
     "@pinceau/astro": "workspace:*",
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/outputs": "workspace:*",    "@pinceau/svelte": "workspace:*",
-    "astro": "^3.3.0"
+    "astro": "^3.5.5"
   },
   "stackblitz": {
     "installDependencies": false,

examples/astro-svelte/src/components/Example.svelte

@@ -0,0 +1,3 @@
+<div>
+  Example Vue component
+</div>

examples/astro-svelte/src/pages/index.astro

@@ -1,22 +1,14 @@
 ---
 import Layout from '../layouts/Layout.astro';
 import Card from '../components/Card.astro';
-import Example from '../components/Example.vue';
+import Example from '../components/Example.svelte';
 ---
 
 <Layout title="Welcome to Astro.">
   <main>
-    <h1>Welcome to <span>Astro</span></h1>
-    <p class="instructions">
-      Check out the <code>src/pages</code> directory to get started.<br />
-    </p>
+    <h1>Welcome to <span>Pinceau</span></h1>
     <ul role="list" >
-      <Card
-        href="/foo"
-        title="/foo"
-        body="Go to page foo."
-      />
-      <Example client:only="vue" />
+      <Example client:only="svelte" />
     </ul>
   </main>
 </Layout>

examples/astro-vue/package.json

@@ -10,15 +10,15 @@
     "start": "astro dev --port=3000"
   },
   "dependencies": {
-    "vue": "^3.3.4"
+    "vue": "^3.3.8"
   },
   "devDependencies": {
-    "@astrojs/vue": "^3.0.1",
+    "@astrojs/vue": "^3.0.4",
     "@pinceau/astro": "workspace:*",
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
+    "@pinceau/pigments": "workspace:*",
     "@pinceau/outputs": "workspace:*",    "@pinceau/vue": "workspace:*",
-    "astro": "^3.3.0"
+    "astro": "^3.5.5"
   },
   "stackblitz": {
     "installDependencies": false,

examples/astro-vue/src/pages/index.astro

@@ -1,21 +1,12 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import Card from '../components/Card.astro';
 import Example from '../components/Example.vue';
 ---
 
-<Layout title="Welcome to Astro.">
+<Layout title="Welcome to Pinceau">
   <main>
-    <h1>Welcome to <span>Astro</span></h1>
-    <p class="instructions">
-      Check out the <code>src/pages</code> directory to get started.<br />
-    </p>
+    <h1>Welcome to <span>Pinceau</span></h1>
     <ul role="list" >
-      <Card
-        href="/foo"
-        title="/foo"
-        body="Go to page foo."
-      />
       <Example client:only="vue" />
     </ul>
   </main>

examples/astro/package.json

@@ -11,8 +11,8 @@
   },
   "devDependencies": {
     "@pinceau/astro": "workspace:*",
-    "astro": "^3.3.0",
-    "canvas-confetti": "^1.9.0"
+    "astro": "^3.5.5",
+    "canvas-confetti": "^1.9.1"
   },
   "stackblitz": {
     "installDependencies": false,

examples/nuxt/app.vue

@@ -1,15 +1,5 @@
-<script setup lang="ts">
-const TestComponent = $styled.a({
-  
-})
-</script>
-
 <template>
-  <App 
-    :styled="{
-      backgroundColor: '$color.blue.1'
-    }"
-  >
+  <main>
     <NuxtPage />
-  </App>
+  </main>
 </template>

examples/nuxt/package.json

@@ -9,12 +9,12 @@
   },
   "dependencies": {
     "@pinceau/nuxt": "workspace:*",
-    "@pinceau/palette": "workspace:*"
+    "@pinceau/pigments": "workspace:*"
   },
   "devDependencies": {
     "@pinceau/configs": "workspace:*",
-    "@pinceau/palette": "workspace:*",
-    "@pinceau/outputs": "workspace:*",    "nuxt": "^3.7.4"
+    "@pinceau/pigments": "workspace:*",
+    "@pinceau/outputs": "workspace:*",    "nuxt": "^3.8.1"
   },
   "stackblitz": {
     "installDependencies": false,

examples/nuxt/pages/index.vue

@@ -1,5 +1,5 @@
 <template>
   <div>
-    <MyButton size="xl" color="green" />
+    Hello World
   </div>
 </template>