@ai-matrx/design-system 0.18.20 → 0.18.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -888,7 +888,7 @@ function TableTitleRow({
888
888
  {
889
889
  "data-matrx-table-toolbar": true,
890
890
  className: cn(
891
- "flex min-w-0 shrink-0 flex-wrap items-center gap-2 border-t border-border pt-2",
891
+ "flex min-w-0 shrink-0 flex-wrap items-center gap-2",
892
892
  className
893
893
  ),
894
894
  children: [
@@ -915,7 +915,7 @@ function TableTitleRow({
915
915
  "div",
916
916
  {
917
917
  "data-matrx-table-actions": true,
918
- className: "ml-auto flex min-w-0 flex-wrap items-center gap-2",
918
+ className: "ml-auto flex min-w-0 flex-wrap items-center gap-0",
919
919
  children: actions
920
920
  }
921
921
  ) : null
@@ -8187,7 +8187,7 @@ function MatrxDataTableCore({
8187
8187
  // where every row read as an empty text input rather than a selection
8188
8188
  // control. The control keeps its own size and gains the 44px tap area
8189
8189
  // as an invisible ::before below.
8190
- "flex h-full min-h-0 flex-col gap-2 max-lg:[&_button:not([role=checkbox]):not([role=radio]):not([role=switch])]:min-h-11 max-lg:[&_button:not([role=checkbox]):not([role=radio]):not([role=switch])]:min-w-11 max-lg:[&_input]:min-h-11 max-lg:[&_table_a]:inline-flex max-lg:[&_table_a]:min-h-11 max-lg:[&_table_a]:items-center",
8190
+ "flex h-full min-h-0 flex-col p-2 max-lg:[&_button:not([role=checkbox]):not([role=radio]):not([role=switch])]:min-h-11 max-lg:[&_button:not([role=checkbox]):not([role=radio]):not([role=switch])]:min-w-11 max-lg:[&_input]:min-h-11 max-lg:[&_table_a]:inline-flex max-lg:[&_table_a]:min-h-11 max-lg:[&_table_a]:items-center",
8191
8191
  className
8192
8192
  ),
8193
8193
  children: [
@@ -8313,7 +8313,7 @@ function MatrxDataTableCore({
8313
8313
  "div",
8314
8314
  {
8315
8315
  "data-matrx-table-actions": true,
8316
- className: "ml-auto flex min-w-0 flex-wrap items-center gap-2",
8316
+ className: "ml-auto flex min-w-0 flex-wrap items-center gap-0",
8317
8317
  children: [
8318
8318
  sourceTotal !== void 0 ? /* @__PURE__ */ jsxs26(
8319
8319
  "span",
@@ -8566,7 +8566,7 @@ function MatrxDataTableCore({
8566
8566
  "div",
8567
8567
  {
8568
8568
  "data-matrx-table-row-actions": true,
8569
- className: "inline-flex items-center gap-0",
8569
+ className: "inline-flex items-center justify-end gap-0",
8570
8570
  onClick: (event) => event.stopPropagation(),
8571
8571
  children: [
8572
8572
  showRowCopy && effectiveCopy ? /* @__PURE__ */ jsx35(
@@ -8741,7 +8741,7 @@ function MatrxDataTableCore({
8741
8741
  id
8742
8742
  );
8743
8743
  }),
8744
- showActionsCol && /* @__PURE__ */ jsx35("th", { className: "h-9 w-28 px-2 text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Actions" })
8744
+ showActionsCol && /* @__PURE__ */ jsx35("th", { className: "h-9 w-px text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Actions" })
8745
8745
  ] }) }),
8746
8746
  /* @__PURE__ */ jsxs26("tbody", { children: [
8747
8747
  isLoading ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs26("tr", { className: "border-b border-border/60", children: [
@@ -8758,7 +8758,7 @@ function MatrxDataTableCore({
8758
8758
  },
8759
8759
  columnId(col)
8760
8760
  )),
8761
- showActionsCol && /* @__PURE__ */ jsx35("td", { className: "px-2 py-2", children: /* @__PURE__ */ jsx35(Skeleton, { className: "ml-auto h-5 w-10" }) })
8761
+ showActionsCol && /* @__PURE__ */ jsx35("td", { className: "text-right align-middle", children: /* @__PURE__ */ jsx35(Skeleton, { className: "ml-auto h-5 w-10" }) })
8762
8762
  ] }, `sk-${i}`)) : paginated.length === 0 ? /* @__PURE__ */ jsx35("tr", { children: /* @__PURE__ */ jsx35(
8763
8763
  "td",
8764
8764
  {
@@ -8866,7 +8866,7 @@ function MatrxDataTableCore({
8866
8866
  columnId(col)
8867
8867
  );
8868
8868
  }),
8869
- showActionsCol && /* @__PURE__ */ jsx35("td", { "data-matrx-table-row-action-cell": true, className: "px-2 py-1.5 text-right align-middle lg:py-0.5", children: /* @__PURE__ */ jsxs26(
8869
+ showActionsCol && /* @__PURE__ */ jsx35("td", { "data-matrx-table-row-action-cell": true, className: "text-right align-middle", children: /* @__PURE__ */ jsxs26(
8870
8870
  "div",
8871
8871
  {
8872
8872
  "data-matrx-table-row-actions": true,
@@ -8974,7 +8974,7 @@ function MatrxDataTableCore({
8974
8974
  },
8975
8975
  columnId(column)
8976
8976
  )),
8977
- showActionsCol ? /* @__PURE__ */ jsx35("td", { className: "px-2 py-2" }) : null
8977
+ showActionsCol ? /* @__PURE__ */ jsx35("td", {}) : null
8978
8978
  ] }, `footer-${index}`)) }) : null
8979
8979
  ] })
8980
8980
  ]
@@ -9017,7 +9017,7 @@ function MatrxDataTableCore({
9017
9017
  "div",
9018
9018
  {
9019
9019
  "data-matrx-table-footer": true,
9020
- className: "flex min-h-16 shrink-0 flex-wrap items-center justify-between gap-3 border-t border-border px-3 py-2",
9020
+ className: "flex min-h-16 shrink-0 flex-wrap items-center justify-between gap-3 border-t border-border",
9021
9021
  "aria-busy": isLoading || isFetching,
9022
9022
  children: [
9023
9023
  /* @__PURE__ */ jsxs26(