@flytedan/flytebot-design-system 0.24.0 → 0.26.0

package/dist/index.cjs

@@ -3129,12 +3129,21 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
 
 // src/components/data/StatTile.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
-function StatTile({ label, value, sub, delta, loading = false, compact: compact3 = false, className = "", ...rest }) {
+function isZeroDelta(delta) {
+  if (!delta) return false;
+  const match = delta.match(/[\d.]+/);
+  return match !== null && parseFloat(match[0]) === 0;
+}
+function StatTile({ label, value, sub, delta, invert = false, loading = false, compact: compact3 = false, className = "", ...rest }) {
+  const isDecrease = delta?.startsWith("-") ?? false;
+  const isZero = isZeroDelta(delta);
+  const isGood = invert ? isDecrease : !isDecrease;
+  const deltaToneClass = isZero ? "fd-stat-delta-neutral" : isGood ? "fd-stat-delta-up" : "fd-stat-delta-down";
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: ["fd-stat", compact3 ? "fd-stat-compact" : "", className].filter(Boolean).join(" "), ...rest, children: [
     loading ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "block", height: compact3 ? 20 : 28, width: "62%" } }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "fd-stat-top", children: [
       /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "fd-stat-figure", children: value }),
-      delta ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: delta.startsWith("-") ? "fd-stat-delta-down" : "fd-stat-delta-up", style: { fontWeight: 600, fontSize: "var(--body-sm-size)", flex: "none" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-arrow-" + (delta.startsWith("-") ? "down" : "up") + "-right", "aria-hidden": "true" }),
+      delta ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: deltaToneClass, style: { fontWeight: 600, fontSize: "var(--body-sm-size)", flex: "none" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("i", { className: "ph ph-" + (isZero ? "minus" : "arrow-" + (isDecrease ? "down" : "up") + "-right"), "aria-hidden": "true" }),
         " ",
         delta
       ] }) : null