@godxjp/ui-mcp 0.4.0 → 0.4.1

package/dist/index.js

@@ -150,10 +150,12 @@ export function CrmLayout({ children }: { children: React.ReactNode }) {
       { name: "product", type: "{ name: string; role?: string; color?: string }", description: "Product/workspace block at the top." },
       { name: "brand", type: "ReactNode", description: "Custom brand node replacing the product block." },
       { name: "collapsed", type: "boolean", defaultValue: "false", description: "Icon-only mode; labels/section headings hidden." },
-      { name: "footer", type: "ReactNode", description: "Bottom slot (user info, logout)." }
+      { name: "footer", type: "ReactNode", description: "Bottom slot (user info, logout). The .sb-footer wrapper supplies the top border + padding; YOUR content must use SEMANTIC token classes \u2014 `text-muted-foreground text-xs` outer with a `text-foreground font-medium` primary line. Do NOT use raw `opacity-*` / arbitrary `text-[11px]` (washed-out, off-design)." }
     ],
     example: `import { Sidebar } from "@godxjp/ui/layout";
-import { LayoutDashboard, Users } from "lucide-react";
+import { Stack } from "@godxjp/ui/layout";
+import { Button } from "@godxjp/ui/general";
+import { LayoutDashboard, Users, LogOut } from "lucide-react";
 import { router, usePage } from "@inertiajs/react";
 
 export function AppSidebar() {
@@ -167,11 +169,23 @@ export function AppSidebar() {
         { id: "/members", label: "\u4F1A\u54E1\u7BA1\u7406", icon: Users },
       ] }]}
       product={{ name: "JOVY CRM", role: "\u672C\u90E8" }}
+      footer={
+        // Canonical footer: semantic tokens only (see Sidebar story).
+        <Stack gap="sm">
+          <div className="text-muted-foreground text-xs">
+            <div className="text-foreground font-medium">\u5C71\u7530 \u82B1\u5B50</div>
+            <div>ABC\u30D5\u30A1\u30FC\u30DE\u30B7\u30FC</div>
+          </div>
+          <Button variant="ghost" size="sm" className="w-full justify-start" onClick={() => router.post("/logout")}>
+            <LogOut className="size-4" />\u30ED\u30B0\u30A2\u30A6\u30C8
+          </Button>
+        </Stack>
+      }
     />
   );
 }`,
     storyPath: "layout/Sidebar.stories.tsx",
-    rules: [23]
+    rules: [2, 23]
   },
   {
     name: "Topbar",