@papernote/ui 1.7.0 → 1.7.1

package/dist/components/Breadcrumbs.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export interface BreadcrumbItem {
     label: string;
     href?: string;
+    onClick?: () => void;
     icon?: React.ReactNode;
 }
 export interface BreadcrumbsProps {

package/dist/components/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAe,EAAE,EAAE,gBAAgB,2CAoD/E"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAe,EAAE,EAAE,gBAAgB,2CAkF/E"}

package/dist/index.d.ts

@@ -2721,6 +2721,7 @@ declare function Hide({ children, above, below, only, className }: ResponsivePro
 interface BreadcrumbItem {
     label: string;
     href?: string;
+    onClick?: () => void;
     icon?: React__default.ReactNode;
 }
 interface BreadcrumbsProps {

package/dist/index.esm.js

@@ -7263,12 +7263,24 @@ function Breadcrumbs({ items, showHome = true }) {
     return (jsxs("nav", { "aria-label": "Breadcrumb", className: "flex items-center space-x-2 text-sm", children: [showHome && (jsxs(Fragment, { children: [jsx(Link$1, { to: "/", className: "text-ink-500 hover:text-ink-900 transition-colors", "aria-label": "Home", children: jsx(Home, { className: "h-4 w-4" }) }), items.length > 0 && jsx(ChevronRight, { className: "h-4 w-4 text-ink-400" })] })), items.map((item, index) => {
                 const isLast = index === items.length - 1;
                 const isActive = isLast;
-                return (jsxs(React__default.Fragment, { children: [item.href && !isActive ? (jsxs(Link$1, { to: item.href, className: "flex items-center gap-2 text-ink-500 hover:text-ink-900 hover:underline transition-colors", children: [item.icon && jsx("span", { className: "flex-shrink-0", children: item.icon }), jsx("span", { children: item.label })] })) : (jsxs("span", { className: `
-                  flex items-center gap-2 px-2 py-1 rounded-md transition-colors
-                  ${isActive
-                                ? 'bg-accent-50 text-accent-900 font-semibold'
-                                : 'text-ink-700 font-medium'}
-                `, "aria-current": isActive ? 'page' : undefined, children: [item.icon && jsx("span", { className: "flex-shrink-0", children: item.icon }), jsx("span", { children: item.label })] })), !isLast && jsx(ChevronRight, { className: "h-4 w-4 text-ink-400" })] }, index));
+                const content = (jsxs(Fragment, { children: [item.icon && jsx("span", { className: "flex-shrink-0", children: item.icon }), jsx("span", { children: item.label })] }));
+                const renderBreadcrumb = () => {
+                    // Active item (last item) - always render as non-clickable span
+                    if (isActive) {
+                        return (jsx("span", { className: "flex items-center gap-2 px-2 py-1 rounded-md bg-accent-50 text-accent-900 font-semibold transition-colors", "aria-current": "page", children: content }));
+                    }
+                    // Has href - render as Link, also call onClick if provided
+                    if (item.href) {
+                        return (jsx(Link$1, { to: item.href, onClick: item.onClick, className: "flex items-center gap-2 text-ink-500 hover:text-ink-900 hover:underline transition-colors", children: content }));
+                    }
+                    // Only onClick (no href) - render as button
+                    if (item.onClick) {
+                        return (jsx("button", { type: "button", onClick: item.onClick, className: "flex items-center gap-2 text-ink-500 hover:text-ink-900 hover:underline transition-colors bg-transparent border-none cursor-pointer p-0", children: content }));
+                    }
+                    // Neither href nor onClick - render as non-clickable span
+                    return (jsx("span", { className: "flex items-center gap-2 text-ink-700 font-medium", children: content }));
+                };
+                return (jsxs(React__default.Fragment, { children: [renderBreadcrumb(), !isLast && jsx(ChevronRight, { className: "h-4 w-4 text-ink-400" })] }, index));
             })] }));
 }