@flytedan/flytebot-design-system 0.65.0 → 0.66.0

package/dist/index.cjs

@@ -5967,12 +5967,13 @@ function isZeroDelta(delta) {
   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 }) {
+function StatTile(props) {
+  const { label, value, sub, delta, invert = false, loading = false, compact: compact3 = false, className = "", ...rest } = props;
   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_runtime52.jsxs)("div", { className: ["fd-stat", compact3 ? "fd-stat-compact" : "", className].filter(Boolean).join(" "), ...rest, children: [
+  const content = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
     loading ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "block", height: compact3 ? 20 : 28, width: "62%" } }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-stat-top", children: [
       /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-stat-figure", children: value }),
       delta ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "fd-stat-delta " + deltaToneClass, children: [
@@ -5984,6 +5985,12 @@ function StatTile({ label, value, sub, delta, invert = false, loading = false, c
     !loading && sub ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-stat-sub", children: sub }) : null,
     loading ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "block", height: 10, width: "40%", marginTop: 8 } }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "fd-stat-label", style: { display: "block" }, children: label })
   ] });
+  const classes = (...extra) => ["fd-stat", ...extra, compact3 ? "fd-stat-compact" : "", className].filter(Boolean).join(" ");
+  if (rest.onPress) {
+    const { onPress, pressed = false, disabled = false, ...buttonRest } = rest;
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("button", { type: "button", className: classes("fd-stat-pressable"), "aria-pressed": pressed, disabled: disabled || loading, onClick: onPress, ...buttonRest, children: content });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: classes(), ...rest, children: content });
 }
 
 // src/components/data/CodeBlock.tsx