kmod-cli 1.2.1 → 1.2.2

package/component-templates/components/breadcumb.tsx

@@ -7,36 +7,41 @@ import Link from 'next/link';
 import { cn } from '../lib/utils';
 
 type BreadcrumbItem = {
-  label: ReactNode;
-  as?: "link" | "a";
-  href?: string;
-  isCurrent?: boolean;
+    label: ReactNode;
+    as?: "link" | "a";
+    href?: string;
+    isCurrent?: boolean;
 };
 
 interface BreadcrumbProps {
-  items: BreadcrumbItem[];
-  className?: string;
+    items: BreadcrumbItem[];
+    classNames?: {
+        container?: string;
+        label?: string;
+        indicator?: string;
+    };
+    indicator?: ReactNode;
 }
 
-export const Breadcrumbs: React.FC<BreadcrumbProps> = ({ items, className }) => {
-  return (
-    <nav className={cn("text-muted-foreground flex items-center space-x-1 text-sm", className)} aria-label="Breadcrumb">
-      {items.map((item, index) => (
-        <React.Fragment key={index}>
-          {index !== 0 && <ChevronRight className="text-muted-foreground h-4 w-4" />}
-          {item.href && !item.isCurrent && item.as === "link" ? (
-            <Link href={item.href} className="hover:text-foreground transition-colors">
-              {item.label}
-            </Link>
-          ) : item.href && !item.isCurrent && item.as === "a" ? (
-            <a href={item.href} className="hover:text-foreground transition-colors">
-              {item.label}
-            </a>
-          ) : (
-            <span className="text-foreground font-medium">{item.label}</span>
-          )}
-        </React.Fragment>
-      ))}
-    </nav>
-  );
-};
+export const Breadcrumbs: React.FC<BreadcrumbProps> = ({ items, indicator, classNames }) => {
+    return (
+        <nav className={cn("text-muted-foreground flex items-center space-x-1 text-sm", classNames?.container)} aria-label="Breadcrumb">
+            {items.map((item, index) => (
+                <React.Fragment key={index}>
+                    {index !== 0 && indicator && <ChevronRight className={cn("text-muted-foreground h-4 w-4", classNames?.indicator)} />}
+                    {item.href && !item.isCurrent && item.as === "link" ? (
+                        <Link href={item.href} className={cn("hover:text-foreground transition-colors", classNames?.label)}>
+                            {item.label}
+                        </Link>
+                    ) : item.href && !item.isCurrent && item.as === "a" ? (
+                        <a href={item.href} className={cn("hover:text-foreground transition-colors", classNames?.label)}>
+                            {item.label}
+                        </a>
+                    ) : (
+                        <span className="text-foreground font-medium">{item.label}</span>
+                    )}
+                </React.Fragment>
+            ))}
+        </nav>
+    );
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kmod-cli",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Stack components utilities fast setup in projects",
   "author": "kumo_d",
   "license": "MIT",