@flytedan/flytebot-design-system 0.4.0 → 0.6.0

package/dist/index.cjs

@@ -991,7 +991,17 @@ function Topbar({ crumbs = [], actions, loading = false, onMenu, className = "",
     onMenu ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", className: "fd-btn-icon", "aria-label": "Menu", onClick: onMenu, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { className: "ph ph-list" }) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { className: "fd-crumb", "aria-label": "Breadcrumb", children: crumbs.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(React5.Fragment, { children: [
       i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", { className: "ph ph-caret-right", style: { fontSize: 11, opacity: 0.6 }, "aria-hidden": "true" }) : null,
-      i === crumbs.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "fd-crumb-current", children: c.label }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("a", { href: c.href || "#", children: c.label })
+      i === crumbs.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "fd-crumb-current", children: c.label }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "a",
+        {
+          href: c.href || "#",
+          onClick: c.onClick ? (e) => {
+            e.preventDefault();
+            c.onClick();
+          } : void 0,
+          children: c.label
+        }
+      )
     ] }, i)) }),
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { flex: 1 } }),
     actions,
@@ -1103,12 +1113,13 @@ function hasModifier(e) {
 
 // src/components/feedback/Tag.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
-function Tag({ children, icon, selected = false, onRemove, onClick, className = "", ...rest }) {
+var TONES2 = { info: "fd-tag-info", success: "fd-tag-success", warning: "fd-tag-warning", danger: "fd-tag-danger" };
+function Tag({ children, icon, selected = false, tone = "neutral", onRemove, onClick, className = "", ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "button",
     {
       type: "button",
-      className: ["fd-tag", className].filter(Boolean).join(" "),
+      className: ["fd-tag", selected ? TONES2[tone] : null, className].filter(Boolean).join(" "),
       "aria-pressed": selected,
       onClick,
       ...rest,