dgz-ui
Version:
Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript
91 lines (90 loc) • 1.98 kB
JavaScript
import { jsx as o } from "react/jsx-runtime";
import { forwardRef as s } from "react";
import { c as l } from "./utils-CnvKSirc.es.js";
const d = s(
({ className: a, ...e }, t) => /* @__PURE__ */ o(
"table",
{
ref: t,
className: l("w-full caption-bottom text-sm", a),
...e
}
)
);
d.displayName = "Table";
const r = s(({ className: a, ...e }, t) => /* @__PURE__ */ o("thead", { ref: t, className: l("[&_tr]:border-b", a), ...e }));
r.displayName = "TableHeader";
const m = s(({ className: a, ...e }, t) => /* @__PURE__ */ o(
"tbody",
{
ref: t,
className: l("[&_tr:last-child]:border-0", a),
...e
}
));
m.displayName = "TableBody";
const b = s(({ className: a, ...e }, t) => /* @__PURE__ */ o(
"tfoot",
{
ref: t,
className: l(
"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
a
),
...e
}
));
b.displayName = "TableFooter";
const c = s(({ className: a, ...e }, t) => /* @__PURE__ */ o(
"tr",
{
ref: t,
className: l(
"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
a
),
...e
}
));
c.displayName = "TableRow";
const i = s(({ className: a, ...e }, t) => /* @__PURE__ */ o(
"th",
{
ref: t,
className: l(
"text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
a
),
...e
}
));
i.displayName = "TableHead";
const n = s(({ className: a, ...e }, t) => /* @__PURE__ */ o(
"td",
{
ref: t,
className: l("p-4 align-middle [&:has([role=checkbox])]:pr-0", a),
...e
}
));
n.displayName = "TableCell";
const p = s(({ className: a, ...e }, t) => /* @__PURE__ */ o(
"caption",
{
ref: t,
className: l("text-muted-foreground mt-4 text-sm", a),
...e
}
));
p.displayName = "TableCaption";
export {
d as T,
m as a,
p as b,
n as c,
b as d,
i as e,
r as f,
c as g
};
//# sourceMappingURL=table-BTb0KUhR.es.js.map