docs: update github link, homepage

.github/ISSUE_TEMPLATE/bug-report.yml

@@ -13,7 +13,7 @@ body:
 
         - Read the [docs](https://reka-ui.com/)
         - Ask on [Discord Chat](https://chat.unovue.com/)
-        - Ask on [GitHub Discussions](https://github.com/unovue/radix-vue/discussions)
+        - Ask on [GitHub Discussions](https://github.com/unovue/reka-ui/discussions)
 
         Also try to search for your issue - it may have already been answered or even fixed.
         However, if you find that an old, closed issue still persists in the latest version,

docs/.vitepress/components/Chip.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+defineProps<{
+  href: string
+}>()
+</script>
+
+<template>
+  <a
+    :href="href"
+    class="text-sm px-3 py-1 rounded-lg text-primary border-primary/20 bg-primary/10 font-semibold group transition inline-flex items-center relative"
+  >
+    <slot />
+  </a>
+</template>

docs/.vitepress/components/Contributors.vue

@@ -17,6 +17,7 @@ function getInitials(name: string) {
       :key="name"
       :delay-duration="0"
       :disable-hoverable-content="true"
+      :data-id="name"
     >
       <TooltipTrigger as-child>
         <AvatarRoot as-child>

docs/.vitepress/components/Home.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue'
+import Chip from './Chip.vue'
 import AccordionDemo from '../../components/demo/Accordion/tailwind/index.vue'
 import HoverCardDemo from '../../components/demo/HoverCard/tailwind/index.vue'
 import ToolbarDemo from '../../components/demo/Toolbar/tailwind/index.vue'
@@ -16,10 +17,19 @@ import SelectDemo from '../../components/demo/Select/tailwind/index.vue'
 <template>
   <section>
     <div class="grid justify-items-center gap-8 p-5 px-3 sm:px-4 md:gap-10 md:px-8">
-      <div class="mt-6 grid w-full max-w-4xl justify-items-center gap-[inherit] sm:mt-10 md:mt-20">
-        <h1 class="text-pretty text-center text-4xl font-bold sm:text-6xl sm:font-extrabold md:text-7xl text-foreground">
-          Craft accessible web apps with Vue
-        </h1>
+      <div class="mt-2 grid w-full max-w-4xl justify-items-center gap-[inherit] sm:mt-10 md:mt-20">
+        <div class="flex flex-col items-center gap-4">
+          <Chip href="/docs/overview/releases">
+            <div class="group-hover:scale-150 group-focus:scale-150 transition origin-bottom-left">
+              🎉
+            </div>
+            <span class="group-hover:ml-3 group-focus:ml-3 ml-1 transition-[margin]">v2 Release!</span>
+          </Chip>
+          <h1 class="text-pretty text-center text-4xl font-bold sm:text-6xl sm:font-extrabold md:text-7xl text-foreground">
+            Craft accessible web apps with Vue
+          </h1>
+        </div>
+
         <p class="max-w-[720px] text-pretty text-center text-lg md:text-xl md:leading-8 lg:leading-9 lg:text-2xl text-muted-foreground">
           An open-source library with
           <a
@@ -121,7 +131,7 @@ import SelectDemo from '../../components/demo/Select/tailwind/index.vue'
 
   <section class="px-4 py-12 md:py-24 max-w-screen-xl mx-auto md:px-6">
     <div class="grid grid-cols-1 lg:grid-cols-5 md:h-[36rem] lg:h-96 gap-y-4 lg:gap-4">
-      <div class="flex flex-col col-span-3 rounded-2xl border border-muted p-6 md:p-10 overflow-hidden relative">
+      <div class="flex flex-col col-span-3 rounded-2xl border border-muted bg-card p-6 md:p-10 overflow-hidden relative">
         <div class="font-bold text-lg">
           Accessibility out of the box.
         </div>
@@ -170,7 +180,7 @@ import SelectDemo from '../../components/demo/Select/tailwind/index.vue'
 
         <div />
       </div>
-      <div class="col-span-2 rounded-2xl border border-muted h-[22rem] md:h-auto p-6 md:p-10 relative overflow-hidden">
+      <div class="col-span-2 rounded-2xl border border-muted bg-card h-[22rem] md:h-auto p-6 md:p-10 relative overflow-hidden">
         <div>
           <div class="font-bold text-lg">
             Save time. Ship faster.
@@ -193,7 +203,7 @@ import SelectDemo from '../../components/demo/Select/tailwind/index.vue'
     </div>
 
     <div class="grid grid-cols-1 lg:grid-cols-5 md:h-[36rem] lg:h-96 gap-y-4 lg:gap-4 mt-4">
-      <div class="col-span-2 rounded-2xl border border-muted h-96 md:h-auto p-6 md:p-10 relative overflow-hidden">
+      <div class="col-span-2 rounded-2xl border border-muted bg-card h-96 md:h-auto p-6 md:p-10 relative overflow-hidden">
         <div class="absolute flex flex-col w-full">
           <div class="font-bold text-lg z-10 ">
             Developer Experience First.
@@ -224,7 +234,7 @@ import SelectDemo from '../../components/demo/Select/tailwind/index.vue'
         </div>
       </div>
 
-      <div class="col-span-3 rounded-2xl border border-muted h-80 md:h-auto p-6 md:p-10 relative overflow-hidden">
+      <div class="col-span-3 rounded-2xl border border-muted bg-card h-80 md:h-auto p-6 md:p-10 relative overflow-hidden">
         <div class="z-10 absolute">
           <div class="font-bold text-xl text-white">
             Ready for an international audience
@@ -243,12 +253,12 @@ import SelectDemo from '../../components/demo/Select/tailwind/index.vue'
     </div>
   </section>
 
-  <section class="py-24 sm:py-40 w-full mx-auto px-6 bg-gradient-to-b from-background via-card/80 to-background">
+  <section class="py-24 sm:py-56 w-full mx-auto px-6 bg-gradient-to-b from-background via-card/80 to-background">
     <div class="max-w-screen-xl mx-auto">
       <div class="flex flex-col sm:flex-row items-center justify-center gap-12 sm:gap-20">
         <div class="flex flex-col items-center justify-center">
           <div class="text-4xl md:text-6xl font-bold">
-            500k+
+            600k+
           </div>
           <div class="mt-1">
             Monthly downloads
@@ -257,7 +267,7 @@ import SelectDemo from '../../components/demo/Select/tailwind/index.vue'
 
         <div class="flex flex-col items-center justify-center">
           <div class="text-4xl md:text-6xl font-bold">
-            100+
+            130+
           </div>
           <div class="mt-1">
             Contributors
@@ -266,7 +276,7 @@ import SelectDemo from '../../components/demo/Select/tailwind/index.vue'
 
         <div class="flex flex-col items-center justify-center">
           <div class="text-4xl md:text-6xl font-bold">
-            3k+
+            4k+
           </div>
           <div class="mt-1">
             GitHub Stars
@@ -275,4 +285,72 @@ import SelectDemo from '../../components/demo/Select/tailwind/index.vue'
       </div>
     </div>
   </section>
+
+  <section class="px-4 py-12 md:py-32 max-w-screen-xl mx-auto md:px-6">
+    <h2 class="text-pretty text-center text-3xl font-bold sm:text-5xl sm:font-extrabold md:text-6xl text-foreground">
+      Ready to get started?
+    </h2>
+
+    <div class="mt-6 md:mt-12 grid md:grid-cols-3 gap-4 md:gap-8">
+      <a
+        href="/docs/overview/installation"
+        class="group rounded-2xl border border-muted bg-card hover:bg-muted/50 p-4 md:p-6 relative"
+      >
+        <div class="p-2 text-xl rounded-lg border-primary/30 text-primary bg-primary/10 w-max group-hover:scale-105 group-focus:scale-105 transition">
+          <Icon icon="lucide:wrench" />
+        </div>
+        <div class="mt-4 flex items-center gap-2">
+          <h3 class="font-semibold text-lg">
+            Install and Setup
+          </h3>
+          <Icon icon="lucide:arrow-right" />
+        </div>
+        <p class="mt-2 text-muted-foreground group-hover:text-foreground group-focus:text-foreground">
+          Learn how to install and setup Reka UI in your project, and build and style a component.
+        </p>
+      </a>
+
+      <a
+        href="/docs/components/checkbox"
+        class="group rounded-2xl border border-muted bg-card hover:bg-muted/50 p-4 md:p-6 relative"
+      >
+        <div class="p-2 text-xl rounded-lg border-primary/30 text-primary bg-primary/10 w-max group-hover:scale-105 group-focus:scale-105 transition">
+          <Icon icon="lucide:box" />
+        </div>
+        <div class="mt-4 flex items-center gap-2">
+          <h3 class="font-semibold text-lg">
+            Browse components
+          </h3>
+          <Icon icon="lucide:arrow-right" />
+        </div>
+        <p class="mt-2 text-muted-foreground group-hover:text-foreground group-focus:text-foreground">
+          Check out all the components and utilities offered by Reka UI.
+        </p>
+      </a>
+
+      <a
+        href="/examples/checkbox-group"
+        class="group rounded-2xl border border-muted bg-card hover:bg-muted/50 p-4 md:p-6 relative"
+      >
+        <div class="p-2 text-xl rounded-lg border-primary/30 text-primary bg-primary/10 w-max group-hover:scale-105 group-focus:scale-105 transition">
+          <Icon icon="lucide:swatch-book" />
+        </div>
+        <div class="mt-4 flex items-center gap-2">
+          <h3 class="font-semibold text-lg">
+            Explore Examples
+          </h3>
+          <Icon icon="lucide:arrow-right" />
+        </div>
+        <p class="mt-2 text-muted-foreground group-hover:text-foreground group-focus:text-foreground">
+          Check out some fully styled examples showing what is possible with Reka UI.
+        </p>
+      </a>
+    </div>
+  </section>
+
+  <footer class="px-4 py-8 max-w-screen-xl mx-auto md:px-6 justify-end flex">
+    <div class="text-muted-foreground text-sm">
+      2025 @ unovue
+    </div>
+  </footer>
 </template>

docs/.vitepress/contributor-names.json

@@ -33,7 +33,9 @@
   "andreww2012",
   "iammola",
   "npldevfr",
+  "pmairoldi",
   "uyloal",
+  "hartbit",
   "ragulka",
   "aguingand",
   "tristandubbeld",
@@ -46,19 +48,18 @@
   "rankjie",
   "xollaborator",
   "madebyfabian",
-  "dermitzos",
   "sanscheese",
+  "dermitzos",
   "AIchanKimi",
   "rick-hup",
-  "pmairoldi",
   "pohnean",
   "Scalamando",
   "rsoltanzadeh",
   "reubns",
   "gasparrobi",
   "runyasak",
   "ruibaby",
-  "YunYouJun",
+  "sdq-sts",
   "oaleynik",
   "stripedpurple",
   "steakscience",
@@ -70,6 +71,7 @@
   "malik-jouda",
   "94726",
   "kursataktas",
+  "YunYouJun",
   "ikxin",
   "hrubysi",
   "zumm",
@@ -81,6 +83,7 @@
   "lennartzellmer",
   "imanmalekian31",
   "hotdogc1017",
+  "donaldxdonald",
   "hoonweiting",
   "ploca14",
   "owlnai",
@@ -90,7 +93,7 @@
   "serhatunver",
   "sebsobseb",
   "sandros94",
-  "sdq-sts",
+  "pkrinesh",
   "yyx990803",
   "yiwwhl",
   "Barbapapazes",
@@ -113,7 +116,6 @@
   "true-andrew",
   "aboubakrbm",
   "abh1nash",
-  "pkrinesh",
   "justinkekeocha",
   "kaine0923",
   "Jungzl",
@@ -134,5 +136,6 @@
   "holtergram",
   "gu-stav",
   "glennlaysonjr",
-  "Gertiozuni"
+  "Gertiozuni",
+  "fgiering"
 ]

docs/.vitepress/custom/Layout.vue

@@ -20,7 +20,7 @@ const { top } = toRefs(arrivedState)
   <TooltipProvider>
     <div class="flex flex-col items-center min-h-screen h-full">
       <header
-        class="w-full py-4 sticky top-0 z-10 transition-all duration-500 h-[68px] md:h-full"
+        class="w-full py-4 sticky top-0 z-20 transition-all duration-500 h-[68px] md:h-full"
         :class="[top ? 'bg-transparent backdrop-blur-0' : 'bg-background/90 backdrop-blur supports-[backdrop-filter]:bg-background/90']"
       >
         <div class="max-w-[1440px] flex items-center justify-between mx-auto px-6">

docs/.vitepress/meta.ts

@@ -20,9 +20,9 @@ export const legacyVersion = 'Radix Vue v1.9.x'
 export const legacyLink = 'https://reka-ui.com/'
 
 /* GitHub and social links */
-export const github = 'https://github.com/unovue/radix-vue/tree/v2'
-export const releases = 'https://github.com/unovue/radix-vue/releases'
-export const contributing = 'https://github.com/unovue/radix-vue/blob/main/CONTRIBUTING.md'
+export const github = 'https://github.com/unovue/reka-ui'
+export const releases = 'https://github.com/unovue/reka-ui/releases'
+export const contributing = 'https://github.com/unovue/reka-ui/blob/main/CONTRIBUTING.md'
 export const discord = 'https://chat.unovue.com'
 // export const mastodon = "https://elk.zone/m.webtoo.ls/@vitest";
 // export const twitter = "https://twitter.com/vitest_dev";

docs/components/demo/Collapsible/css/index.vue

@@ -29,7 +29,7 @@ const open = ref(false)
     </div>
 
     <div class="Repository">
-      <span class="Text">@unovue/radix-vue</span>
+      <span class="Text">@unovue/reka-ui</span>
     </div>
 
     <CollapsibleContent>

docs/components/demo/NavigationMenu/css/index.vue

@@ -128,7 +128,7 @@ const currentTrigger = ref('')
       <NavigationMenuItem>
         <NavigationMenuLink
           class="NavigationMenuLink"
-          href="https://github.com/unovue/radix-vue"
+          href="https://github.com/unovue/reka-ui"
         >
           Github
         </NavigationMenuLink>

docs/components/demo/NavigationMenu/tailwind/index.vue

@@ -129,7 +129,7 @@ const currentTrigger = ref('')
       <NavigationMenuItem>
         <NavigationMenuLink
           class="text-grass11 hover:bg-green3 focus:shadow-green7 block select-none rounded-[4px] px-3 py-2 text-sm font-medium leading-none no-underline outline-none focus:shadow-[0_0_0_2px]"
-          href="https://github.com/unovue/radix-vue"
+          href="https://github.com/unovue/reka-ui"
         >
           GitHub
         </NavigationMenuLink>

docs/components/demo/Progress/tailwind/index.vue

@@ -24,7 +24,7 @@ onBeforeUnmount(() => {
 <template>
   <ProgressRoot
     v-model="progressValue"
-    class="rounded-full relative h-4 w-[300px] overflow-hidden bg-white dark:bg-stone-950"
+    class="rounded-full relative h-4 w-[300px] overflow-hidden bg-white dark:bg-stone-950 border border-muted"
   >
     <ProgressIndicator
       class="indicator rounded-full block relative w-full h-full bg-grass9 transition-transform overflow-hidden duration-[660ms] ease-[cubic-bezier(0.65, 0, 0.35, 1)] after:animate-progress after:content-[''] after:absolute after:inset-0  after:bg-[linear-gradient(-45deg,_rgba(255,255,255,0.2)_25%,_transparent_25%,_transparent_50%,_rgba(255,255,255,0.2)_50%,_rgba(255,255,255,0.2)_75%,_transparent_75%,_transparent)] after:bg-[length:30px_30px]"

docs/content/docs/overview/introduction.md

@@ -28,7 +28,7 @@ Check out the release note [here](/docs/overview/releases#_2-0-changes)
 
 <Callout type="tip">
 
-Curious about the rebrand? See the announcement in [this discussion](https://github.com/unovue/radix-vue/issues/908).
+Curious about the rebrand? See the announcement in [this discussion](https://github.com/unovue/reka-ui/issues/908).
 
 </Callout>
 

docs/content/docs/overview/releases.md

@@ -9,14 +9,20 @@ description: Discover the latest release of Reka UI.
 Discover the latest release of Reka UI.
 </Description>
 
-[Latest releases on github](https://github.com/unovue/radix-vue/releases)
+[Latest releases on github](https://github.com/unovue/reka-ui/releases)
 
 ---
 
 ## 2.0 Changes
 
 ### ✨ New Features
 
+<Callout type="tip">
+
+We recommend reviewing the [migration guide](/docs/guides/migration) to make transitioning from v1 to v2 smooth.
+
+</Callout>
+
 #### Components
 - **TimeField**: Implement new TimeField component
 - **Presence**: Expose component
@@ -79,5 +85,3 @@ Discover the latest release of Reka UI.
   - Refactor SelectValue rendering mechanism
 - **Arrow**: Improve polygon implementation
 - **Calendar**: Remove deprecated `step` prop
-
-We recommend reviewing the [migration guide](/docs/guides/migration) to make transitioning from v1 to v2 smooth.

docs/content/docs/utilities/config-provider.md

@@ -39,7 +39,7 @@ import { ConfigProvider } from 'reka-ui'
 
 When creating localized apps that require right-to-left (RTL) reading direction, you need to wrap your application with the `ConfigProvider` component to ensure all of the primitives adjust their behavior based on the `dir` prop.
 
-You can also change the global behavior of `bodylock` for components such as `Alert`, `DropdownMenu` and etc to fit your layout to prevent any [content shifts](https://github.com/unovue/radix-vue/issues/385).
+You can also change the global behavior of `bodylock` for components such as `Alert`, `DropdownMenu` and etc to fit your layout to prevent any [content shifts](https://github.com/unovue/reka-ui/issues/385).
 
 <!-- @include: @/meta/ConfigProvider.md -->
 

docs/scripts/update-contributors.ts

@@ -7,7 +7,7 @@ interface Contributor {
 async function fetchContributors(page = 1) {
   const collaborators: string[] = []
 
-  const res = await fetch(`https://api.github.com/repos/unovue/radix-vue/contributors?per_page=100&page=${page}`, {
+  const res = await fetch(`https://api.github.com/repos/unovue/reka-ui/contributors?per_page=100&page=${page}`, {
     headers: {
       Accept: 'application/vnd.github+json',
     },