feat(version): 3.0.0

.gitignore

@@ -4,3 +4,7 @@ node_modules
 docs/.vitepress/dist
 docs/.vitepress/cache
 docs/public/examples/
+docs/public/examples-stimulus/
+docs/public/examples-vue/
+docs/public/examples-react/
+examples/docs/

docs/.vitepress/config.ts

@@ -43,10 +43,13 @@ export default defineConfig({
       { icon: 'twitter', link: 'https://twitter.com/winduum_dev' }
     ],
 
-    algolia: {
-      appId: '3DLECEENW2',
-      apiKey: '31331a8def9abe0356f5338d568ca974',
-      indexName: 'winduum'
+    search: {
+      provider: 'algolia',
+      options: {
+        appId: '3DLECEENW2',
+        apiKey: '31331a8def9abe0356f5338d568ca974',
+        indexName: 'winduum'
+      },
     },
 
     footer: {
@@ -67,20 +70,58 @@ export default defineConfig({
               },
               {
                 text: 'Changelog',
-                link: 'https://github.com/winduum/winduum/blob/main/CHANGELOG.md'
+                link: 'https://github.com/winduum/winduum/blob/next/CHANGELOG.md'
+              }
+            ]
+          },
+          {
+            items: [
+              {
+                text: 'Webuum',
+                link: 'https://webuum.dev'
               },
               {
-                text: 'v1',
-                link: 'https://v1--winduum.netlify.app/'
+                text: 'Vituum',
+                link: 'https://vituum.dev'
               }
             ]
           }
         ]
-      }
+      },
+      {
+        text: 'v3 (next)',
+        items: [
+          {
+            text: 'v2',
+            link: 'https://v2--winduum.netlify.app/'
+          },
+          {
+            text: 'v1',
+            link: 'https://v1--winduum.netlify.app/'
+          }
+        ]
+      },
     ],
 
     sidebar: {
       '/docs/': [
+        {
+          text: 'v3 Announcement',
+          link: '/blog/'
+        },
+        {
+          text: 'Migrations',
+          items: [
+            {
+              text: 'winduum v3',
+              link: '/migrations/winduum-v3'
+            },
+            {
+              text: 'winduum-elements v3',
+              link: '/migrations/winduum-elements-v3'
+            },
+          ],
+        },
         {
           text: 'Get started',
           items: [
@@ -104,13 +145,13 @@ export default defineConfig({
               text: 'Grid',
               link: '/docs/grid'
             },
-            {
-              text: 'Layers',
-              link: '/docs/layers'
-            },
             {
               text: 'Tokens',
               link: '/docs/tokens'
+            },
+            {
+              text: 'Polyfills',
+              link: '/docs/polyfills'
             }
           ]
         },
@@ -144,7 +185,7 @@ export default defineConfig({
             {
               text: 'Transitions',
               link: '/docs/base/transitions'
-            }
+            },
           ]
         },
         {
@@ -227,8 +268,8 @@ export default defineConfig({
               link: '/docs/components/label'
             },
             {
-              text: 'Link',
-              link: '/docs/components/link'
+              text: 'Marquee',
+              link: '/docs/components/marquee'
             },
             {
               text: 'Notice',
@@ -288,7 +329,6 @@ export default defineConfig({
             }
           ]
         },
-
         {
           text: 'Utilities',
           items: [
@@ -300,10 +340,6 @@ export default defineConfig({
               text: 'Animation',
               link: '/docs/utilities/animation'
             },
-            {
-              text: 'Container',
-              link: '/docs/utilities/container'
-            },
             {
               text: 'Divide Gap',
               link: '/docs/utilities/divide-gap'
@@ -316,6 +352,22 @@ export default defineConfig({
               text: 'Dot',
               link: '/docs/utilities/dot'
             },
+            {
+              text: 'Grid',
+              link: '/docs/utilities/grid'
+            },
+            {
+              text: 'Link',
+              link: '/docs/utilities/link'
+            },
+            {
+              text: 'Position',
+              link: '/docs/utilities/position'
+            },
+            {
+              text: 'Ripple',
+              link: '/docs/utilities/ripple'
+            },
             {
               text: 'Skeleton',
               link: '/docs/utilities/skeleton'
@@ -328,15 +380,36 @@ export default defineConfig({
               text: 'Swap',
               link: '/docs/utilities/swap'
             },
-            {
-              text: 'Ripple',
-              link: '/docs/utilities/ripple'
-            },
             {
               text: 'Underline',
               link: '/docs/utilities/underline'
+            },
+            {
+              text: 'View Transition',
+              link: '/docs/utilities/view-transition'
             }
           ]
+        },
+        {
+          text: "Variants",
+          items: [
+            {
+              text: 'Dark',
+              link: '/docs/variants/dark'
+            },
+            {
+              text: 'Hocus',
+              link: '/docs/variants/hocus'
+            },
+            {
+              text: 'Interest',
+              link: '/docs/variants/interest'
+            },
+            {
+              text: 'Scroll State',
+              link: '/docs/variants/scroll-state'
+            },
+          ]
         }
       ]
     }

docs/.vitepress/theme/components/LinkGh.vue

@@ -4,5 +4,5 @@
 
 <template>
     <code>{{name}}</code>&nbsp;
-    <a :href="url ? url : 'https://github.com/winduum/winduum/blob/main/src/' + path + '/' + name + '.css'" target="_blank" rel="noreferrer" class="winduum-gh-link"><svg><use href="#icon-gh" /></svg></a>
+    <a :href="url ? url : 'https://github.com/winduum/winduum/blob/next/src/' + path + '/' + name + '.css'" target="_blank" rel="noreferrer" class="winduum-gh-link"><svg><use href="#icon-gh" /></svg></a>
 </template>

docs/.vitepress/theme/components/ViewSourceGh.vue

@@ -3,5 +3,5 @@
 </script>
 
 <template>
-    <a :href="href ? href : `https://github.com/winduum/winduum/blob/main/${path}`" target="_blank" rel="noreferrer" class="winduum-gh-link">View Source&nbsp;<svg><use href="#icon-gh" /></svg></a>
+    <a :href="href ? href : `https://github.com/winduum/winduum/blob/next/${path}`" target="_blank" rel="noreferrer" class="winduum-gh-link">View Source&nbsp;<svg><use href="#icon-gh" /></svg></a>
 </template>