fix：some

Author: sanguogege

apps/docs/src/components/toggle-group.tsx

@@ -2,7 +2,7 @@ import { ToggleGroup } from "solid-element-ui";
 import { TextAlignStart, TextAlignCenter, TextAlignEnd } from "lucide-solid";
 const DemoCode = () => {
     return (
-        <div class="flex gap-2 p-4">
+        <div class="flex p-4 bg-white dark:bg-zinc-950 border rounded-lg space-x-2 space-y-2 flex-wrap not-prose">
             <ToggleGroup
                 type="single"
                 defaultValue="left"

apps/docs/src/components/tooltip.tsx

@@ -1,18 +1,18 @@
-import { Tooltip } from "solid-element-ui";
+import { Tooltip ,Button} from "solid-element-ui";
 import { TrashIcon } from "lucide-solid";
 
 
 const DemoCode = () => {
     return (
-        <div class="flex gap-2 p-4">
+        <div class="flex items-center p-4 bg-white dark:bg-zinc-950 border rounded-lg space-x-2 space-y-2 flex-wrap not-prose">
             <Tooltip content="删除此项" variant="danger" class="not-prose">
-                <button class="p-2 text-red-500 hover:bg-red-50 rounded">
-                    <TrashIcon />
-                </button>
+                <Button color="danger" variant="outline">
+                   说出那话
+                </Button>
             </Tooltip>
 
             <Tooltip content="测此项" variant="default" class="not-prose">
-                <p>这是测试</p>
+                <p class="bg-red-600">这是测试</p>
             </Tooltip>
         </div>
     );

packages/ui/src/checkbox/checkbox.tsx

@@ -5,7 +5,6 @@ import { Check } from "lucide-solid";
 
 // TODO 添加checkbox 的几种形状尺寸,看情况吧
 
-	
 
 const checkboxStyles = tv(
     {

packages/ui/src/dropdown-menu/dropdown-menu.tsx

@@ -14,7 +14,7 @@ const menuStyles = tv(
                 "data-[expanded]:animate-in data-[closed]:animate-out",
             ],
             item: "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-zinc-100 data-[highlighted]:text-zinc-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:data-[highlighted]:bg-zinc-800 dark:data-[highlighted]:text-zinc-50",
-            separator: "-mx-1 my-1 h-px bg-zinc-100 dark:bg-zinc-800",
+            separator: "-mx-1 my-1 h-px border-zinc-200 dark:border-zinc-800",
             subIcon: "ml-auto h-4 w-4",
         },
     },

packages/ui/src/menubar/menubar.tsx

@@ -12,10 +12,15 @@ const menubarStyles = tv(
                 "flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-slate-100 data-[state=open]:bg-slate-100 dark:focus:bg-slate-800 dark:data-[state=open]:bg-slate-800",
             content: [
                 "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-white p-1 shadow-md dark:bg-slate-950 dark:border-slate-800 animate-in fade-in zoom-in-95",
+                "border-zinc-200 dark:border-zinc-600",
                 "data-[expanded]:animate-in data-[closed]:animate-out",
             ],
-            item: "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-slate-100 data-[disabled]:opacity-50 dark:focus:bg-slate-800",
-            separator: "-mx-1 my-1 h-px bg-slate-100 dark:bg-slate-800",
+            item: [
+                "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none ",
+
+                "focus:bg-slate-100 data-[disabled]:opacity-50 dark:focus:bg-slate-800",
+            ],
+            separator: "-mx-1 my-1 h-px border-zinc-200 dark:border-zinc-600",
             shortcut: "ml-auto text-xs tracking-widest text-slate-500",
         },
     },

packages/ui/src/tooltip/tooltip.tsx

@@ -2,13 +2,11 @@ import { Tooltip as KTooltip } from "@kobalte/core/tooltip";
 import { splitProps, type JSX, type ComponentProps } from "solid-js";
 import { tv, type VariantProps } from "tailwind-variants";
 
-// FIXME 为什么没有箭头
-
 const tooltipStyles = tv(
     {
         slots: {
             content: [
-                "z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs shadow-md",
+                "z-50 rounded-md px-4 py-1.5 text-xs shadow-md",
                 "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
             ],
             arrow: "",
@@ -18,11 +16,11 @@ const tooltipStyles = tv(
                 default: {
                     content:
                         "bg-slate-900 text-slate-50 dark:bg-slate-50 dark:text-slate-900",
-                    arrow: "text-slate-900 dark:text-slate-50",
+                    arrow: "fill-slate-900 dark:text-slate-50",
                 },
                 danger: {
                     content: "bg-red-600 text-white",
-                    arrow: "text-red-600",
+                    arrow: "fill-red-600",
                 },
             },
         },
@@ -56,8 +54,8 @@ export const Tooltip = (props: TooltipProps) => {
 
     return (
         <KTooltip
-            gutter={4} // 必须：给箭头留出空间
-            openDelay={200} // 可选：稍微延迟显示，体验更好
+            gutter={4} 
+            openDelay={200}
             {...others}
         >
             <KTooltip.Trigger class="block">
@@ -66,10 +64,7 @@ export const Tooltip = (props: TooltipProps) => {
 
             <KTooltip.Portal>
                 <KTooltip.Content class={styles.content()}>
-                    {/* size={8} 确保箭头有物理尺寸
-                        fill="currentColor" 配合 styles.arrow() 里的 text 颜色实现变体同步 
-                    */}
-                    <KTooltip.Arrow class={styles.arrow()} size={8} />
+                    <KTooltip.Arrow class={styles.arrow()}  />
                     {local.content}
                 </KTooltip.Content>
             </KTooltip.Portal>