From 20410aeb034f97d2b00baf34bfde812dfaf2a42a Mon Sep 17 00:00:00 2001
From: xingyu <xingyu4j@vip.qq.com>
Date: Sun, 9 Nov 2025 11:49:01 +0800
Subject: [PATCH] fix:  updating Tailwind CSS variables from --radix-* to
 --reka-* (#6890)

* fix: radix => reka

* chore: add reka cspell

* fix: Composition url
---
 cspell.json                                               | 1 +
 internal/tailwind-config/src/index.ts                     | 8 ++++----
 .../ui-kit/shadcn-ui/src/components/button/button.ts      | 2 +-
 packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts | 2 +-
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/cspell.json b/cspell.json
index 89545b43..4e853e97 100644
--- a/cspell.json
+++ b/cspell.json
@@ -36,6 +36,7 @@
     "prefixs",
     "publint",
     "qrcode",
+    "reka",
     "shadcn",
     "sonner",
     "sortablejs",
diff --git a/internal/tailwind-config/src/index.ts b/internal/tailwind-config/src/index.ts
index 93332a3f..8bbf1f6e 100644
--- a/internal/tailwind-config/src/index.ts
+++ b/internal/tailwind-config/src/index.ts
@@ -175,18 +175,18 @@ export default {
       keyframes: {
         'accordion-down': {
           from: { height: '0' },
-          to: { height: 'var(--radix-accordion-content-height)' },
+          to: { height: 'var(--reka-accordion-content-height)' },
         },
         'accordion-up': {
-          from: { height: 'var(--radix-accordion-content-height)' },
+          from: { height: 'var(--reka-accordion-content-height)' },
           to: { height: '0' },
         },
         'collapsible-down': {
           from: { height: '0' },
-          to: { height: 'var(--radix-collapsible-content-height)' },
+          to: { height: 'var(--reka-collapsible-content-height)' },
         },
         'collapsible-up': {
-          from: { height: 'var(--radix-collapsible-content-height)' },
+          from: { height: 'var(--reka-collapsible-content-height)' },
           to: { height: '0' },
         },
         float: {
diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/button/button.ts b/packages/@core/ui-kit/shadcn-ui/src/components/button/button.ts
index dc84a18a..e12729a4 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/components/button/button.ts
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/button/button.ts
@@ -13,7 +13,7 @@ export interface VbenButtonProps {
   /**
    * Change the default rendered element for the one passed as a child, merging their props and behavior.
    *
-   * Read our [Composition](https://www.radix-vue.com/guides/composition.html) guide for more details.
+   * Read our [Composition](https://www.reka-ui.com/docs/guides/composition) guide for more details.
    */
   asChild?: boolean;
   class?: any;
diff --git a/packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts b/packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts
index dc2f70ec..aef32dfa 100644
--- a/packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts
+++ b/packages/@core/ui-kit/tabs-ui/src/use-tabs-view-scroll.ts
@@ -59,7 +59,7 @@ export function useTabsViewScroll(props: TabsProps) {
     }
 
     const viewportEl = scrollbarEl?.querySelector(
-      'div[data-radix-scroll-area-viewport]',
+      'div[data-reka-scroll-area-viewport]',
     );
 
     scrollViewportEl.value = viewportEl;