@flytedan/flytebot-design-system 0.4.0 → 0.5.0

package/dist/index.d.cts

@@ -352,9 +352,14 @@ declare function Tabs({ tabs, value, onChange, className, ...rest }: TabsProps):
 
 /** 60px app header: breadcrumb left, actions right, and a 2px route loader along its top edge. */
 interface TopbarProps {
+    /** A non-last crumb with `onClick` calls it (via `preventDefault`) instead of following
+     *  `href` — for a crumb that needs to run a side effect (e.g. clearing some selection)
+     *  before/instead of navigating. `href` still works on its own for a plain link crumb;
+     *  the two aren't mutually exclusive, but `onClick` wins when both are present. */
     crumbs?: Array<{
         label: string;
         href?: string;
+        onClick?: () => void;
     }>;
     actions?: React.ReactNode;
     /** Shows the indeterminate route loader on the top edge. */

package/dist/index.d.ts

@@ -352,9 +352,14 @@ declare function Tabs({ tabs, value, onChange, className, ...rest }: TabsProps):
 
 /** 60px app header: breadcrumb left, actions right, and a 2px route loader along its top edge. */
 interface TopbarProps {
+    /** A non-last crumb with `onClick` calls it (via `preventDefault`) instead of following
+     *  `href` — for a crumb that needs to run a side effect (e.g. clearing some selection)
+     *  before/instead of navigating. `href` still works on its own for a plain link crumb;
+     *  the two aren't mutually exclusive, but `onClick` wins when both are present. */
     crumbs?: Array<{
         label: string;
         href?: string;
+        onClick?: () => void;
     }>;
     actions?: React.ReactNode;
     /** Shows the indeterminate route loader on the top edge. */

package/dist/index.js

@@ -806,7 +806,17 @@ function Topbar({ crumbs = [], actions, loading = false, onMenu, className = "",
     onMenu ? /* @__PURE__ */ jsx16("button", { type: "button", className: "fd-btn-icon", "aria-label": "Menu", onClick: onMenu, children: /* @__PURE__ */ jsx16("i", { className: "ph ph-list" }) }) : null,
     /* @__PURE__ */ jsx16("nav", { className: "fd-crumb", "aria-label": "Breadcrumb", children: crumbs.map((c, i) => /* @__PURE__ */ jsxs12(React5.Fragment, { children: [
       i > 0 ? /* @__PURE__ */ jsx16("i", { className: "ph ph-caret-right", style: { fontSize: 11, opacity: 0.6 }, "aria-hidden": "true" }) : null,
-      i === crumbs.length - 1 ? /* @__PURE__ */ jsx16("span", { className: "fd-crumb-current", children: c.label }) : /* @__PURE__ */ jsx16("a", { href: c.href || "#", children: c.label })
+      i === crumbs.length - 1 ? /* @__PURE__ */ jsx16("span", { className: "fd-crumb-current", children: c.label }) : /* @__PURE__ */ jsx16(
+        "a",
+        {
+          href: c.href || "#",
+          onClick: c.onClick ? (e) => {
+            e.preventDefault();
+            c.onClick();
+          } : void 0,
+          children: c.label
+        }
+      )
     ] }, i)) }),
     /* @__PURE__ */ jsx16("span", { style: { flex: 1 } }),
     actions,