nextuiq
Version:
NextUIQ is a modern, lightweight, and developer-friendly UI component library for React and Next.js. Built with TypeScript and Tailwind CSS, it offers customizable, accessible, and performance-optimized components with built-in dark mode, theme customizat
2 lines (1 loc) • 1.6 kB
JavaScript
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index46.js"),a=require("react"),s=require("./index38.js"),r=a.forwardRef((({className:a,children:r,...t},l)=>e.jsxRuntimeExports.jsx("div",{className:"relative w-full overflow-auto",children:e.jsxRuntimeExports.jsx("table",{ref:l,className:s.cn("w-full caption-bottom text-sm",a),...t,children:r})})));r.displayName="Table";const t=a.forwardRef((({className:a,...r},t)=>e.jsxRuntimeExports.jsx("thead",{ref:t,className:s.cn("[&_tr]:border-b",a),...r})));t.displayName="TableHeader";const l=a.forwardRef((({className:a,...r},t)=>e.jsxRuntimeExports.jsx("tbody",{ref:t,className:s.cn("[&_tr:last-child]:border-0",a),...r})));l.displayName="TableBody";const o=a.forwardRef((({className:a,...r},t)=>e.jsxRuntimeExports.jsx("tr",{ref:t,className:s.cn("border-b transition-colors hover:bg-[oklch(var(--theme-muted)/0.5)] data-[state=selected]:bg-[oklch(var(--theme-muted))]",a),...r})));o.displayName="TableRow";const d=a.forwardRef((({className:a,...r},t)=>e.jsxRuntimeExports.jsx("th",{ref:t,className:s.cn("h-12 px-4 text-left align-middle font-medium text-[oklch(var(--theme-muted-foreground))]","[&:has([role=checkbox])]:pr-0",a),...r})));d.displayName="TableHead";const c=a.forwardRef((({className:a,...r},t)=>e.jsxRuntimeExports.jsx("td",{ref:t,className:s.cn("p-4 align-middle [&:has([role=checkbox])]:pr-0","text-[oklch(var(--theme-foreground))]",a),...r})));c.displayName="TableCell",exports.Table=r,exports.TableBody=l,exports.TableCell=c,exports.TableHead=d,exports.TableHeader=t,exports.TableRow=o;
;