@flytedan/flytebot-design-system 0.78.1 → 0.79.0

package/dist/index.cjs

@@ -4441,6 +4441,7 @@ function RowActionCell({ action }) {
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: "fd-table-action", children: action ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RowActionButton, { action, size: "sm" }) : null });
 }
 var cellOf = (c, row) => c.render ? c.render(row) : row[c.key];
+var cellClassOf = (c) => [c.numeric ? "is-num" : "", c.noWrap ? "fd-table-nowrap" : ""].filter(Boolean).join(" ") || void 0;
 var cardCellOf = (c, row) => c.phoneRender ? c.phoneRender(row) : cellOf(c, row);
 function rowInteraction(row, onRowClick) {
   if (!onRowClick) return {};
@@ -4524,7 +4525,7 @@ function DataTable({
             rowAction ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("th", { scope: "col", className: "fd-table-action-head", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-sr-only", children: "Actions" }) }) : null
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("tbody", { className: stale ? "fd-stale" : void 0, children: loading ? Array.from({ length: skeletonRows }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("tr", { children: [
-            columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: c.numeric ? "is-num" : "", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "inline-block", height: 13, width: c.numeric ? 52 : i % 3 === 0 ? "72%" : "88%" } }) }, c.key)),
+            columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: cellClassOf(c), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-skel fd-skel-text", style: { display: "inline-block", height: 13, width: c.numeric ? 52 : i % 3 === 0 ? "72%" : "88%" } }) }, c.key)),
             rowAction ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: "fd-table-action" }) : null
           ] }, i)) : rows.map((r) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
             "tr",
@@ -4533,7 +4534,7 @@ function DataTable({
               title: rowTitle ? rowTitle(r) : void 0,
               ...rowInteraction(r, onRowClick),
               children: [
-                columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: c.numeric ? "is-num" : "", children: cellOf(c, r) }, c.key)),
+                columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("td", { className: cellClassOf(c), children: cellOf(c, r) }, c.key)),
                 rowAction ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RowActionCell, { action: rowAction(r) }) : null
               ]
             },
@@ -4585,7 +4586,7 @@ function StackedRows({ columns, rows, rowKey, loading, stale, skeletonRows, sort
             ...rowInteraction(r, onRowClick),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "fd-dt-card-title", children: primary.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: c.numeric ? "is-num" : void 0, children: cardCellOf(c, r) }, c.key)) }),
-              secondary.length ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "fd-dt-card-meta", children: secondary.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: c.numeric ? "is-num" : void 0, children: [
+              secondary.length ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "fd-dt-card-meta", children: secondary.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: cellClassOf(c), children: [
                 /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "fd-dt-card-label", children: c.label }),
                 " ",
                 cardCellOf(c, r)