@stanfordspezi/spezi-web-design-system/dist/Table-BXNH_4LC.mjs

Stanford Biodesign Digital Health Spezi Web Design System

import { jsx as a } from "react/jsx-runtime";
import { c as o } from "./index-2NvaPZWc.mjs";
const b = ({ className: t, ...e }) => /* @__PURE__ */ a("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ a(
  "table",
  {
    className: o("w-full caption-bottom text-sm", t),
    ...e
  }
) }), c = ({
  className: t,
  ...e
}) => /* @__PURE__ */ a("thead", { className: o("[&_tr]:border-b", t), ...e }), m = ({ className: t, ...e }) => /* @__PURE__ */ a("tbody", { className: o("[&_tr:last-child]:border-0", t), ...e }), i = ({
  className: t,
  ...e
}) => /* @__PURE__ */ a(
  "tfoot",
  {
    className: o(
      "bg-muted/50 border-t font-medium last:[&>tr]:border-b-0",
      t
    ),
    ...e
  }
), n = ({
  className: t,
  onClick: e,
  isHoverable: s = !0,
  ...l
}) => /* @__PURE__ */ a(
  "tr",
  {
    className: o(
      "data-[state=selected]:bg-muted border-b transition-colors",
      s && "hover:bg-muted/50",
      e && "focus-visible:bg-primary/10 cursor-pointer focus-visible:outline-hidden",
      t
    ),
    onClick: e,
    ...e ? { tabIndex: 0 } : void 0,
    ...l
  }
), u = ({ className: t, ...e }) => /* @__PURE__ */ a(
  "th",
  {
    className: o(
      "text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
      t
    ),
    ...e
  }
), f = ({ className: t, ...e }) => /* @__PURE__ */ a(
  "td",
  {
    className: o(
      "p-4 text-left align-middle [&:has([role=checkbox])]:pr-0",
      t
    ),
    ...e
  }
);
export {
  b as T,
  c as a,
  m as b,
  i as c,
  n as d,
  u as e,
  f
};