@flytedan/flytebot-design-system 0.49.1 → 0.49.2

package/dist/index.cjs

@@ -2029,7 +2029,7 @@ function Tag({ children, icon, selected = false, tone = "neutral", onRemove, onC
       ...rest,
       children: [
         icon ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) : null,
-        children,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "fd-tag-label", children }),
         onRemove ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "span",
           {
@@ -2811,7 +2811,7 @@ function BarList({
   const isEmpty = state === "ready" && ordered.every((r) => !(Number(r.value) > 0));
   const effectiveState = isEmpty ? "empty" : state;
   const maxValue = ordered.reduce((m, r) => Math.max(m, Number(r.value) || 0), 0) || 1;
-  const effectiveTotal = total != null ? total : ordered.reduce((n, r) => n + (Number(r.value) || 0), 0);
+  const effectiveTotal = total != null ? total : rows.reduce((n, r) => n + (Number(r.value) || 0), 0);
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: ["fd-barlist", className].filter(Boolean).join(" "), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     LoadingRegion,
     {
@@ -4564,11 +4564,11 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
       };
       const chipText = field.label + (set ? ": " + chipLabel(field, value) : "");
       if (field.type === "text") {
-        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, children: chipText }, field.key);
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, title: chipText, children: chipText }, field.key);
       }
       if (field.type === "select") {
-        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { ref: chipRef, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, children: chipText }) }),
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "fd-filterbar-chip", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { ref: chipRef, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, title: chipText, children: chipText }) }),
           editing ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             Popover,
             {
@@ -4602,8 +4602,8 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
         ] }, field.key);
       }
       if (field.type === "multiSelect") {
-        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { ref: chipRef, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, children: chipText }) }),
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "fd-filterbar-chip", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { ref: chipRef, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, title: chipText, children: chipText }) }),
           editing ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             MultiSelectPanel,
             {
@@ -4617,8 +4617,8 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
         ] }, field.key);
       }
       if (field.type === "range") {
-        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { ref: chipRef, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, children: chipText }) }),
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "fd-filterbar-chip", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { ref: chipRef, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, title: chipText, children: chipText }) }),
           editing ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             RangePanel,
             {
@@ -4632,8 +4632,8 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
         ] }, field.key);
       }
       if (field.type === "date") {
-        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { ref: chipRef, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, children: chipText }) }),
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "fd-filterbar-chip", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { ref: chipRef, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, title: chipText, children: chipText }) }),
           editing ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             DatePanel,
             {