From c07c07699de9553dd2bffad0b99d7dc4a970b12c Mon Sep 17 00:00:00 2001
From: bhscer <129813414+bhscer@users.noreply.github.com>
Date: Thu, 15 Jan 2026 03:22:26 +0800
Subject: [PATCH 1/2] fix: 'ThemedDivider' in TAILWIND.md

---
 TAILWIND.md | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/TAILWIND.md b/TAILWIND.md
index e937bed7..d2b0489e 100644
--- a/TAILWIND.md
+++ b/TAILWIND.md
@@ -51,9 +51,26 @@ Create a themed divider component using shadcn's `cn` utility:
 import { cn } from '@/lib/utils';
 import type { DividerProps } from 'react-split-pane';
 
-function ThemedDivider({ direction, isDragging, disabled, ...props }: DividerProps) {
+function ThemedDivider(props: DividerProps) {
+  const {
+    direction,
+    isDragging,
+    disabled,
+    onMouseDown,
+    onTouchStart,
+    onTouchEnd,
+    onKeyDown,
+  } = props;
+
   return (
     <div
+      role="separator"
+      aria-orientation={direction === 'horizontal' ? 'vertical' : 'horizontal'}
+      tabIndex={disabled ? -1 : 0}
+      onMouseDown={disabled ? undefined : onMouseDown}
+      onTouchStart={disabled ? undefined : onTouchStart}
+      onTouchEnd={disabled ? undefined : onTouchEnd}
+      onKeyDown={disabled ? undefined : onKeyDown}
       className={cn(
         'flex items-center justify-center transition-colors',
         'bg-border hover:bg-accent focus:outline-none focus:ring-2 focus:ring-ring',
@@ -63,9 +80,10 @@ function ThemedDivider({ direction, isDragging, disabled, ...props }: DividerPro
         isDragging && 'bg-primary',
         disabled && 'cursor-not-allowed opacity-50'
       )}
-      {...props}
-    />
-  );
+    >
+      &nbsp;
+    </div>
+  )
 }
 
 <SplitPane divider={ThemedDivider}>

From ff977dc8502bbb54f2a859e0746e7e2f5ba5b5ae Mon Sep 17 00:00:00 2001
From: bhscer <129813414+bhscer@users.noreply.github.com>
Date: Thu, 15 Jan 2026 07:07:03 +0800
Subject: [PATCH 2/2] fix: format

---
 TAILWIND.md | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/TAILWIND.md b/TAILWIND.md
index d2b0489e..47d0c58e 100644
--- a/TAILWIND.md
+++ b/TAILWIND.md
@@ -80,10 +80,8 @@ function ThemedDivider(props: DividerProps) {
         isDragging && 'bg-primary',
         disabled && 'cursor-not-allowed opacity-50'
       )}
-    >
-      &nbsp;
-    </div>
-  )
+    />
+  );
 }
 
 <SplitPane divider={ThemedDivider}>