@blawness/admin-kit 0.2.0 → 0.2.1

package/dist/shell/sidebar.d.ts

@@ -1,10 +1,8 @@
-import type { ComponentType } from "react";
+import type { ReactNode } from "react";
 export type NavItem = {
     href: string;
     label: string;
-    icon: ComponentType<{
-        className?: string;
-    }>;
+    icon: ReactNode;
     adminOnly?: boolean;
 };
 export declare function AdminSidebar({ role, navItems, logoSrc, brandName }: {

package/dist/shell/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/shell/sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAqB,EAAE,SAAmB,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BA0DvK"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/shell/sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAqB,EAAE,SAAmB,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAyDvK"}

package/dist/shell/sidebar.js

@@ -11,9 +11,8 @@ export function AdminSidebar({ role, navItems, logoSrc = "/logo.png", brandName
                     .map((l) => {
                     const active = pathname === l.href ||
                         (l.href !== "/admin" && pathname.startsWith(l.href));
-                    const Icon = l.icon;
                     return (_jsxs(Link, { href: l.href, className: `relative flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition-colors ${active
                             ? "bg-white/10 font-medium text-white"
-                            : "text-navy-200 hover:bg-white/5 hover:text-white"}`, children: [active && (_jsx("span", { className: "absolute left-0 top-1/2 h-5 w-1 -translate-y-1/2 rounded-r-full bg-gold-400" })), _jsx(Icon, { className: `h-4 w-4 ${active ? "text-gold-400" : "text-navy-300"}` }), l.label] }, l.href));
+                            : "text-navy-200 hover:bg-white/5 hover:text-white"}`, children: [active && (_jsx("span", { className: "absolute left-0 top-1/2 h-5 w-1 -translate-y-1/2 rounded-r-full bg-gold-400" })), _jsx("span", { className: `h-4 w-4 shrink-0 ${active ? "text-gold-400" : "text-navy-300"}`, children: l.icon }), l.label] }, l.href));
                 }) }), _jsx("div", { className: "border-t border-white/5 p-3", children: _jsx("form", { action: signOutAction, children: _jsxs("button", { type: "submit", className: "flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm text-navy-200 transition-colors hover:bg-white/5 hover:text-white", children: [_jsx(LogOut, { className: "h-4 w-4" }), "Keluar"] }) }) })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blawness/admin-kit",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Reusable CMS core for Next.js 16 admin panels — auth, media, users, editor, shell",
   "license": "MIT",
   "author": "Blawness",
@@ -14,7 +14,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/Blawness/admin-kit.git"
+    "url": "git+https://github.com/Blawness/admin-kit.git"
   },
   "homepage": "https://github.com/Blawness/admin-kit",
   "private": false,

package/src/shell/sidebar.tsx

@@ -3,13 +3,13 @@
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { LogOut } from "lucide-react";
-import type { ComponentType } from "react";
+import type { ReactNode } from "react";
 import { signOutAction } from "./actions";
 
 export type NavItem = {
   href: string;
   label: string;
-  icon: ComponentType<{ className?: string }>;
+  icon: ReactNode;
   adminOnly?: boolean;
 };
 
@@ -35,7 +35,6 @@ export function AdminSidebar({ role, navItems, logoSrc = "/logo.png", brandName
             const active =
               pathname === l.href ||
               (l.href !== "/admin" && pathname.startsWith(l.href));
-            const Icon = l.icon;
             return (
               <Link
                 key={l.href}
@@ -49,9 +48,9 @@ export function AdminSidebar({ role, navItems, logoSrc = "/logo.png", brandName
                 {active && (
                   <span className="absolute left-0 top-1/2 h-5 w-1 -translate-y-1/2 rounded-r-full bg-gold-400" />
                 )}
-                <Icon
-                  className={`h-4 w-4 ${active ? "text-gold-400" : "text-navy-300"}`}
-                />
+                <span className={`h-4 w-4 shrink-0 ${active ? "text-gold-400" : "text-navy-300"}`}>
+                  {l.icon}
+                </span>
                 {l.label}
               </Link>
             );