@fork2e/umbrella/dist/lib/esm/table.js

☂️ Umbrella UI React components based on @shadcn-ui

import*as e from"react";import{c as a}from"./utils.js";const t=e.forwardRef((({className:t,...r},s)=>e.createElement("div",{className:"relative w-full overflow-auto rounded-ui border-2 border-input"},e.createElement("table",{ref:s,className:a("w-full caption-bottom text-sm",t),...r}))));t.displayName="Table";const r=e.forwardRef((({className:t,...r},s)=>e.createElement("thead",{ref:s,className:a("bg-primary [&_tr]:border-b",t),...r})));r.displayName="TableHeader";const s=e.forwardRef((({className:t,...r},s)=>e.createElement("tbody",{ref:s,className:a("[&_tr:last-child]:border-0",t),...r})));s.displayName="TableBody";e.forwardRef((({className:t,...r},s)=>e.createElement("tfoot",{ref:s,className:a("border-t bg-input font-medium [&>tr]:last:border-b-0",t),...r}))).displayName="TableFooter";const l=e.forwardRef((({className:t,...r},s)=>e.createElement("tr",{ref:s,className:a("border-b transition-colors hover:bg-black/10 data-[state=selected]:bg-black",t),...r})));l.displayName="TableRow";const o=e.forwardRef((({className:t,...r},s)=>e.createElement("th",{ref:s,className:a("h-12 px-4 text-left align-middle font-medium text-white [&:has([role=checkbox])]:pr-0",t),...r})));o.displayName="TableHead";const m=e.forwardRef((({className:t,...r},s)=>e.createElement("td",{ref:s,className:a("p-4 align-middle [&:has([role=checkbox])]:pr-0",t),...r})));m.displayName="TableCell";e.forwardRef((({className:t,...r},s)=>e.createElement("caption",{ref:s,className:a("mt-4 text-sm text-black",t),...r}))).displayName="TableCaption";export{t as T,s as a,m as b,o as c,r as d,l as e};
//# sourceMappingURL=table.js.map