UNPKG

dgz-ui

Version:

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

91 lines (90 loc) 1.98 kB
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