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