@adapttable/shadcn 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# @adapttable/shadcn
+
+## 0.1.0
+
+### Minor Changes
+
+- c90b4ae: Add **`@adapttable/shadcn`** — a shadcn/ui adapter that gives a fully-styled AdaptTable in a single import (`import { DataTable } from "@adapttable/shadcn"`). It wraps `@adapttable/unstyled` with the shadcn class preset applied by default; pass your own `classNames` to override any part, or import the raw `shadcnClassNames` map directly. Requires shadcn/ui (its CSS variables + Tailwind config) in your app.
+
+### Patch Changes
+
+- Updated dependencies [0fe5eca]
+  - @adapttable/unstyled@0.2.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Orwa Mahmoud
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,85 @@
+# @adapttable/shadcn
+
+![@adapttable/shadcn — a shadcn/ui data table built on AdaptTable](https://raw.githubusercontent.com/orwa-mahmoud/adapttable/main/assets/hero-shadcn.png)
+
+**[📖 Documentation](https://orwa-mahmoud.github.io/adapttable/)** · **[🚀 Live demo](https://orwa-mahmoud.github.io/adapttable/demo/)** · **[Get started](https://orwa-mahmoud.github.io/adapttable/getting-started/)**
+
+The **shadcn/ui adapter** for [AdaptTable](https://github.com/orwa-mahmoud/adapttable) —
+a fully-styled React data table in **one import**, with sorting, filtering,
+URL-synced state, selection + bulk actions, column management, RTL, and dark
+mode. It's a thin wrapper over `@adapttable/unstyled` that applies the shadcn
+class preset for you, built on the headless `@adapttable/core` engine.
+
+```bash
+pnpm add @adapttable/shadcn @adapttable/core react react-dom
+```
+
+> Requires shadcn/ui set up in your app (its CSS variables + Tailwind config) —
+> this adapter only references shadcn's design tokens (`bg-card`,
+> `text-muted-foreground`, `border-border`, `bg-primary`, …).
+
+## Quickstart
+
+```tsx
+import { DataTable, useFrontendData, type ColumnDef } from "@adapttable/shadcn";
+
+interface Person {
+  id: string;
+  name: string;
+  city: string;
+}
+
+const columns: ColumnDef<Person>[] = [
+  { key: "name", header: "Name", accessor: (r) => r.name, sortable: true },
+  { key: "city", header: "City", accessor: (r) => r.city },
+];
+
+export function People({ data }: { data: Person[] }) {
+  const source = useFrontendData<Person>({ data, columns });
+  return <DataTable source={source} columns={columns} rowKey={(r) => r.id} />;
+}
+```
+
+That's it — a styled shadcn table, no class wiring. Swap `useFrontendData` for
+`useBackendData` to drive it from a server-paginated query; the component doesn't
+change.
+
+## Customizing
+
+Restyle any part by passing your own `classNames` — they're merged **over** the
+preset, per part, so you only override what you name:
+
+```tsx
+<DataTable
+  source={source}
+  columns={columns}
+  rowKey={(r) => r.id}
+  classNames={{ root: "rounded-2xl border-2 border-primary" }} // only the root changes
+/>
+```
+
+Need the raw class map (e.g. to spread into your own `@adapttable/unstyled`
+table)? It's exported:
+
+```tsx
+import { shadcnClassNames } from "@adapttable/shadcn";
+```
+
+## Documentation
+
+[Getting started](https://orwa-mahmoud.github.io/adapttable/getting-started/) · [Live demo](https://orwa-mahmoud.github.io/adapttable/demo/) · [Comparison vs ag-Grid · MUI X · TanStack](https://orwa-mahmoud.github.io/adapttable/comparison/)
+
+- **Data** — [client vs server tiers](https://orwa-mahmoud.github.io/adapttable/data-tiers/) · [pagination & infinite scroll](https://orwa-mahmoud.github.io/adapttable/pagination/) · [URL-synced state](https://orwa-mahmoud.github.io/adapttable/url-state/)
+- **Interaction** — [filtering](https://orwa-mahmoud.github.io/adapttable/filtering/) · [sorting](https://orwa-mahmoud.github.io/adapttable/sorting/) · [selection & bulk actions](https://orwa-mahmoud.github.io/adapttable/selection/) · [row expansion](https://orwa-mahmoud.github.io/adapttable/row-expansion/)
+- **Columns** — [show/hide · reorder · pin · resize](https://orwa-mahmoud.github.io/adapttable/column-management/)
+- **More** — [i18n & RTL](https://orwa-mahmoud.github.io/adapttable/i18n-rtl/) · [virtualization](https://orwa-mahmoud.github.io/adapttable/virtualization/) · [customization](https://orwa-mahmoud.github.io/adapttable/customization/) · [API](https://orwa-mahmoud.github.io/adapttable/api/) · [FAQ](https://orwa-mahmoud.github.io/adapttable/faq/)
+
+## License
+
+[MIT](./LICENSE) © Orwa Mahmoud
+
+---
+
+<div align="center">
+<sub>Keywords: shadcn table, shadcn/ui data table, react data table, tailwind table, headless table, server-side pagination, url state, rtl table, typescript, dark mode.</sub>
+</div>

package/dist/index.cjs

@@ -0,0 +1,133 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react_compiler_runtime = require("react-compiler-runtime");
+let _adapttable_unstyled = require("@adapttable/unstyled");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/classNames.ts
+/**
+* shadcn/ui class preset for AdaptTable. Maps every AdaptTable part to shadcn's
+* design-token utility classes (`bg-card`, `text-muted-foreground`,
+* `border-border`, `bg-primary`, `ring-ring`, …) — deliberately **monochrome
+* with ring focus**, the shadcn signature.
+*
+* It only *references* shadcn's tokens, so your app must have shadcn/ui set up
+* (its CSS variables + Tailwind config). Pass this to a `@adapttable/unstyled`
+* `<DataTable classNames={shadcnClassNames} />`, or just import the pre-wired
+* `DataTable` from `@adapttable/shadcn`. Override any part by merging your own
+* classes over it.
+*/
+const shadcnClassNames = {
+	root: "rounded-xl border border-border bg-card text-card-foreground shadow-sm",
+	toolbar: "flex flex-wrap items-center gap-2 p-3 border-b border-border",
+	searchField: "flex h-9 items-center gap-2 rounded-md border border-input bg-background px-3 focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-1 focus-within:ring-offset-background",
+	searchIcon: "text-muted-foreground",
+	search: "w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground",
+	sortSelect: "h-9 rounded-md border border-input bg-background px-2 text-sm",
+	rowsPerPageSelect: "h-8 rounded-md border border-input bg-background px-1.5 text-sm text-foreground",
+	filtersButton: "shrink-0 whitespace-nowrap inline-flex h-9 items-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium hover:bg-accent hover:text-accent-foreground",
+	filtersBackdrop: "fixed inset-0 z-40 bg-black/40 backdrop-blur-[1px]",
+	filtersPanel: "fixed inset-y-0 end-0 z-50 flex w-[340px] max-w-[88vw] flex-col border-s border-border bg-card text-card-foreground shadow-2xl",
+	filtersPopover: "z-50 mt-2 w-80 max-w-[88vw] overflow-hidden rounded-lg border border-border bg-card text-card-foreground shadow-xl",
+	filtersCount: "inline-grid h-5 min-w-5 place-items-center rounded-full bg-primary px-1 text-xs font-bold leading-none text-primary-foreground",
+	filtersHeader: "flex items-center justify-between border-b border-border px-4 py-3",
+	filtersTitle: "text-base font-semibold",
+	filtersClose: "flex h-8 w-8 items-center justify-center rounded-md text-lg leading-none text-muted-foreground hover:bg-accent",
+	filtersBody: "flex flex-1 flex-col gap-4 overflow-auto p-4",
+	filterField: "m-0 flex min-w-0 flex-col gap-1.5 border-0 p-0",
+	filterLabel: "p-0 text-xs font-medium text-muted-foreground",
+	filterInput: "h-9 w-full rounded-md border border-input bg-background px-2.5 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring",
+	filterSelect: "h-9 w-full rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring",
+	filterCheckboxGroup: "flex flex-wrap gap-1.5",
+	filterCheckbox: "inline-flex cursor-pointer select-none items-center rounded-full border border-input bg-background px-3 py-1 text-[13px] font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground has-[:checked]:border-primary has-[:checked]:bg-primary has-[:checked]:text-primary-foreground [&>input]:sr-only",
+	filtersFooter: "flex items-center justify-between gap-2 border-t border-border p-4",
+	filtersClear: "h-9 rounded-md px-3 text-sm text-muted-foreground hover:bg-accent disabled:opacity-50",
+	filtersDone: "h-9 rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+	table: "w-full border-collapse text-sm",
+	headerCell: "border-b border-border bg-card px-3 py-2.5 text-start font-medium text-muted-foreground",
+	sortButton: "inline-flex items-center gap-1 font-medium hover:text-foreground",
+	row: "border-b border-border last:border-0 hover:bg-muted/50 data-[selected]:bg-accent",
+	cell: "px-3 py-2.5 [&[data-pinned]]:bg-card",
+	actionButton: "h-8 w-8 rounded-md text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-50",
+	footer: "flex items-center justify-between gap-2 border-t border-border p-3 text-sm text-muted-foreground",
+	pageButton: "inline-grid h-8 min-w-8 place-items-center rounded-md border border-input bg-background px-2 text-foreground hover:bg-accent disabled:opacity-40",
+	chips: "flex flex-wrap gap-2 px-3 pb-2",
+	chip: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-1 text-xs text-muted-foreground",
+	chipRemove: "rounded px-1 text-muted-foreground transition-colors hover:text-foreground",
+	empty: "flex flex-wrap items-center justify-center gap-3 px-4 py-10 text-sm text-muted-foreground",
+	emptyClear: "rounded-md border border-input px-2.5 py-1 text-xs font-medium text-foreground transition-colors hover:bg-muted",
+	columnMenuButton: "shrink-0 whitespace-nowrap inline-flex h-9 items-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium hover:bg-accent data-[active]:bg-accent",
+	columnMenuPanel: "z-50 min-w-[264px] rounded-xl border border-border bg-card p-1.5 text-card-foreground shadow-xl",
+	columnMenuHeader: "px-1.5 pb-1.5 pt-1",
+	columnMenuTitle: "text-[11px] font-semibold uppercase tracking-wider text-muted-foreground",
+	columnMenuItem: "flex cursor-grab items-center gap-2 rounded-md px-1.5 py-1.5 hover:bg-muted/60",
+	columnMenuGrip: "inline-flex cursor-grab text-muted-foreground/50 hover:text-foreground",
+	columnMenuLabel: "flex-1 truncate text-[13px] font-medium data-[hidden]:text-muted-foreground data-[hidden]:line-through",
+	columnMenuVisibility: "inline-grid place-items-center rounded p-[3px] text-muted-foreground hover:bg-muted hover:text-foreground",
+	columnMenuPin: "inline-grid place-items-center rounded p-[3px] text-muted-foreground hover:bg-muted data-[active]:text-primary",
+	columnMenuReset: "mt-1.5 w-full border-t border-border px-2 pb-1 pt-2 text-start text-[13px] font-medium text-primary hover:opacity-80",
+	resizeHandle: "hover:bg-border",
+	card: "mb-2 rounded-lg border border-border p-3",
+	cardRow: "flex justify-between gap-3 py-0.5 text-sm",
+	cardLabel: "text-muted-foreground",
+	cardValue: "font-medium"
+};
+//#endregion
+//#region src/DataTable.tsx
+/**
+* AdaptTable, pre-styled with **shadcn/ui** design tokens — a fully-styled data
+* table in a single import. A thin wrapper over `@adapttable/unstyled` that
+* applies the {@link shadcnClassNames} preset, so you don't hand-wire the
+* class map.
+*
+* Requires shadcn/ui set up in your app (its CSS variables + Tailwind config).
+* Restyle any part by passing your own `classNames` — they're merged **over**
+* the preset, per part, so `classNames={{ root: "…" }}` only replaces the root.
+*
+* @typeParam TRow - The row type.
+*/
+function DataTable(props) {
+	const $ = (0, react_compiler_runtime.c)(8);
+	let classNames;
+	let rest;
+	if ($[0] !== props) {
+		({classNames, ...rest} = props);
+		$[0] = props;
+		$[1] = classNames;
+		$[2] = rest;
+	} else {
+		classNames = $[1];
+		rest = $[2];
+	}
+	let t0;
+	if ($[3] !== classNames) {
+		t0 = classNames ? {
+			...shadcnClassNames,
+			...classNames
+		} : shadcnClassNames;
+		$[3] = classNames;
+		$[4] = t0;
+	} else t0 = $[4];
+	let t1;
+	if ($[5] !== rest || $[6] !== t0) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_adapttable_unstyled.DataTable, {
+			...rest,
+			classNames: t0
+		});
+		$[5] = rest;
+		$[6] = t0;
+		$[7] = t1;
+	} else t1 = $[7];
+	return t1;
+}
+//#endregion
+exports.DataTable = DataTable;
+exports.shadcnClassNames = shadcnClassNames;
+Object.keys(_adapttable_unstyled).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _adapttable_unstyled[k];
+		}
+	});
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["shadcnClassNames","root","toolbar","searchField","searchIcon","search","sortSelect","rowsPerPageSelect","filtersButton","filtersBackdrop","filtersPanel","filtersPopover","filtersCount","filtersHeader","filtersTitle","filtersClose","filtersBody","filterField","filterLabel","filterInput","filterSelect","filterCheckboxGroup","filterCheckbox","filtersFooter","filtersClear","filtersDone","table","headerCell","sortButton","row","cell","actionButton","footer","pageButton","chips","chip","chipRemove","empty","emptyClear","columnMenuButton","columnMenuPanel","columnMenuHeader","columnMenuTitle","columnMenuItem","columnMenuGrip","columnMenuLabel","columnMenuVisibility","columnMenuPin","columnMenuReset","resizeHandle","card","cardRow","cardLabel","cardValue","DataTable","UnstyledDataTable","shadcnClassNames","props","$","_c","classNames","rest","t0","t1"],"sources":["../src/classNames.ts","../src/DataTable.tsx"],"sourcesContent":["import type { DataTableClassNames } from \"@adapttable/unstyled\";\n\n/**\n * shadcn/ui class preset for AdaptTable. Maps every AdaptTable part to shadcn's\n * design-token utility classes (`bg-card`, `text-muted-foreground`,\n * `border-border`, `bg-primary`, `ring-ring`, …) — deliberately **monochrome\n * with ring focus**, the shadcn signature.\n *\n * It only *references* shadcn's tokens, so your app must have shadcn/ui set up\n * (its CSS variables + Tailwind config). Pass this to a `@adapttable/unstyled`\n * `<DataTable classNames={shadcnClassNames} />`, or just import the pre-wired\n * `DataTable` from `@adapttable/shadcn`. Override any part by merging your own\n * classes over it.\n */\nexport const shadcnClassNames: DataTableClassNames = {\n  root: \"rounded-xl border border-border bg-card text-card-foreground shadow-sm\",\n  toolbar: \"flex flex-wrap items-center gap-2 p-3 border-b border-border\",\n  searchField:\n    \"flex h-9 items-center gap-2 rounded-md border border-input bg-background px-3 focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-1 focus-within:ring-offset-background\",\n  searchIcon: \"text-muted-foreground\",\n  search:\n    \"w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground\",\n  sortSelect: \"h-9 rounded-md border border-input bg-background px-2 text-sm\",\n  rowsPerPageSelect:\n    \"h-8 rounded-md border border-input bg-background px-1.5 text-sm text-foreground\",\n  filtersButton:\n    \"shrink-0 whitespace-nowrap inline-flex h-9 items-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium hover:bg-accent hover:text-accent-foreground\",\n  filtersBackdrop: \"fixed inset-0 z-40 bg-black/40 backdrop-blur-[1px]\",\n  filtersPanel:\n    \"fixed inset-y-0 end-0 z-50 flex w-[340px] max-w-[88vw] flex-col border-s border-border bg-card text-card-foreground shadow-2xl\",\n  filtersPopover:\n    \"z-50 mt-2 w-80 max-w-[88vw] overflow-hidden rounded-lg border border-border bg-card text-card-foreground shadow-xl\",\n  filtersCount:\n    \"inline-grid h-5 min-w-5 place-items-center rounded-full bg-primary px-1 text-xs font-bold leading-none text-primary-foreground\",\n  filtersHeader:\n    \"flex items-center justify-between border-b border-border px-4 py-3\",\n  filtersTitle: \"text-base font-semibold\",\n  filtersClose:\n    \"flex h-8 w-8 items-center justify-center rounded-md text-lg leading-none text-muted-foreground hover:bg-accent\",\n  filtersBody: \"flex flex-1 flex-col gap-4 overflow-auto p-4\",\n  // ── Auto-built filter form (declarative `filters` definitions) ──\n  filterField: \"m-0 flex min-w-0 flex-col gap-1.5 border-0 p-0\",\n  filterLabel: \"p-0 text-xs font-medium text-muted-foreground\",\n  filterInput:\n    \"h-9 w-full rounded-md border border-input bg-background px-2.5 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring\",\n  filterSelect:\n    \"h-9 w-full rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring\",\n  filterCheckboxGroup: \"flex flex-wrap gap-1.5\",\n  filterCheckbox:\n    \"inline-flex cursor-pointer select-none items-center rounded-full border border-input bg-background px-3 py-1 text-[13px] font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground has-[:checked]:border-primary has-[:checked]:bg-primary has-[:checked]:text-primary-foreground [&>input]:sr-only\",\n  filtersFooter:\n    \"flex items-center justify-between gap-2 border-t border-border p-4\",\n  filtersClear:\n    \"h-9 rounded-md px-3 text-sm text-muted-foreground hover:bg-accent disabled:opacity-50\",\n  filtersDone:\n    \"h-9 rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90\",\n  table: \"w-full border-collapse text-sm\",\n  headerCell:\n    \"border-b border-border bg-card px-3 py-2.5 text-start font-medium text-muted-foreground\",\n  sortButton:\n    \"inline-flex items-center gap-1 font-medium hover:text-foreground\",\n  row: \"border-b border-border last:border-0 hover:bg-muted/50 data-[selected]:bg-accent\",\n  // Pinned cells must be opaque so scrolled content never shows through.\n  cell: \"px-3 py-2.5 [&[data-pinned]]:bg-card\",\n  actionButton:\n    \"h-8 w-8 rounded-md text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-50\",\n  footer:\n    \"flex items-center justify-between gap-2 border-t border-border p-3 text-sm text-muted-foreground\",\n  pageButton:\n    \"inline-grid h-8 min-w-8 place-items-center rounded-md border border-input bg-background px-2 text-foreground hover:bg-accent disabled:opacity-40\",\n  chips: \"flex flex-wrap gap-2 px-3 pb-2\",\n  chip: \"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-1 text-xs text-muted-foreground\",\n  chipRemove:\n    \"rounded px-1 text-muted-foreground transition-colors hover:text-foreground\",\n  empty:\n    \"flex flex-wrap items-center justify-center gap-3 px-4 py-10 text-sm text-muted-foreground\",\n  emptyClear:\n    \"rounded-md border border-input px-2.5 py-1 text-xs font-medium text-foreground transition-colors hover:bg-muted\",\n  // ── Column popover ──────────────────────────────────────────────\n  columnMenuButton:\n    \"shrink-0 whitespace-nowrap inline-flex h-9 items-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium hover:bg-accent data-[active]:bg-accent\",\n  columnMenuPanel:\n    \"z-50 min-w-[264px] rounded-xl border border-border bg-card p-1.5 text-card-foreground shadow-xl\",\n  columnMenuHeader: \"px-1.5 pb-1.5 pt-1\",\n  columnMenuTitle:\n    \"text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\",\n  columnMenuItem:\n    \"flex cursor-grab items-center gap-2 rounded-md px-1.5 py-1.5 hover:bg-muted/60\",\n  columnMenuGrip:\n    \"inline-flex cursor-grab text-muted-foreground/50 hover:text-foreground\",\n  columnMenuLabel:\n    \"flex-1 truncate text-[13px] font-medium data-[hidden]:text-muted-foreground data-[hidden]:line-through\",\n  columnMenuVisibility:\n    \"inline-grid place-items-center rounded p-[3px] text-muted-foreground hover:bg-muted hover:text-foreground\",\n  columnMenuPin:\n    \"inline-grid place-items-center rounded p-[3px] text-muted-foreground hover:bg-muted data-[active]:text-primary\",\n  columnMenuReset:\n    \"mt-1.5 w-full border-t border-border px-2 pb-1 pt-2 text-start text-[13px] font-medium text-primary hover:opacity-80\",\n  resizeHandle: \"hover:bg-border\",\n  card: \"mb-2 rounded-lg border border-border p-3\",\n  cardRow: \"flex justify-between gap-3 py-0.5 text-sm\",\n  cardLabel: \"text-muted-foreground\",\n  cardValue: \"font-medium\",\n};\n","import {\n  DataTable as UnstyledDataTable,\n  type DataTableProps,\n} from \"@adapttable/unstyled\";\n\nimport { shadcnClassNames } from \"./classNames\";\n\n/**\n * AdaptTable, pre-styled with **shadcn/ui** design tokens — a fully-styled data\n * table in a single import. A thin wrapper over `@adapttable/unstyled` that\n * applies the {@link shadcnClassNames} preset, so you don't hand-wire the\n * class map.\n *\n * Requires shadcn/ui set up in your app (its CSS variables + Tailwind config).\n * Restyle any part by passing your own `classNames` — they're merged **over**\n * the preset, per part, so `classNames={{ root: \"…\" }}` only replaces the root.\n *\n * @typeParam TRow - The row type.\n */\nexport function DataTable<TRow>(props: Readonly<DataTableProps<TRow>>) {\n  const { classNames, ...rest } = props;\n  return (\n    <UnstyledDataTable\n      {...rest}\n      classNames={\n        classNames ? { ...shadcnClassNames, ...classNames } : shadcnClassNames\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAcA,MAAaA,mBAAwC;CACnDC,MAAM;CACNC,SAAS;CACTC,aACE;CACFC,YAAY;CACZC,QACE;CACFC,YAAY;CACZC,mBACE;CACFC,eACE;CACFC,iBAAiB;CACjBC,cACE;CACFC,gBACE;CACFC,cACE;CACFC,eACE;CACFC,cAAc;CACdC,cACE;CACFC,aAAa;CAEbC,aAAa;CACbC,aAAa;CACbC,aACE;CACFC,cACE;CACFC,qBAAqB;CACrBC,gBACE;CACFC,eACE;CACFC,cACE;CACFC,aACE;CACFC,OAAO;CACPC,YACE;CACFC,YACE;CACFC,KAAK;CAELC,MAAM;CACNC,cACE;CACFC,QACE;CACFC,YACE;CACFC,OAAO;CACPC,MAAM;CACNC,YACE;CACFC,OACE;CACFC,YACE;CAEFC,kBACE;CACFC,iBACE;CACFC,kBAAkB;CAClBC,iBACE;CACFC,gBACE;CACFC,gBACE;CACFC,iBACE;CACFC,sBACE;CACFC,eACE;CACFC,iBACE;CACFC,cAAc;CACdC,MAAM;CACNC,SAAS;CACTC,WAAW;CACXC,WAAW;AACb;;;;;;;;;;;;;;;ACpFA,SAAOC,UAAAG,OAAA;CAAA,MAAAC,KAAAA,GAAAA,uBAAAA,EAAAA,CAAA,CAAA;CAAA,IAAAE;CAAA,IAAAC;CAAA,IAAAH,EAAA,OAAAD,OAAA;EACL,CAAA,CAAAG,eAAAC,QAAgCJ;EAAMC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAA;EAAAD,aAAAF,EAAA;EAAAG,OAAAH,EAAA;CAAA;CAAA,IAAAI;CAAA,IAAAJ,EAAA,OAAAE,YAAA;EAKhCE,KAAAF,aAAA;GAAA,GAAkBJ;GAAgB,GAAKI;EAA8B,IAArEJ;EAAsEE,EAAA,KAAAE;EAAAF,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAG,QAAAH,EAAA,OAAAI,IAAA;EAH1EC,KAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,WAAD;GAAkB,GACZF;GAEF,YAAAC;EAAsE,CAAA;EAExEJ,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OALFK;AAKE"}

package/dist/index.d.cts

@@ -0,0 +1,35 @@
+import { DataTableClassNames, DataTableProps } from "@adapttable/unstyled";
+export * from "@adapttable/unstyled";
+
+//#region src/classNames.d.ts
+/**
+ * shadcn/ui class preset for AdaptTable. Maps every AdaptTable part to shadcn's
+ * design-token utility classes (`bg-card`, `text-muted-foreground`,
+ * `border-border`, `bg-primary`, `ring-ring`, …) — deliberately **monochrome
+ * with ring focus**, the shadcn signature.
+ *
+ * It only *references* shadcn's tokens, so your app must have shadcn/ui set up
+ * (its CSS variables + Tailwind config). Pass this to a `@adapttable/unstyled`
+ * `<DataTable classNames={shadcnClassNames} />`, or just import the pre-wired
+ * `DataTable` from `@adapttable/shadcn`. Override any part by merging your own
+ * classes over it.
+ */
+declare const shadcnClassNames: DataTableClassNames;
+//#endregion
+//#region src/DataTable.d.ts
+/**
+ * AdaptTable, pre-styled with **shadcn/ui** design tokens — a fully-styled data
+ * table in a single import. A thin wrapper over `@adapttable/unstyled` that
+ * applies the {@link shadcnClassNames} preset, so you don't hand-wire the
+ * class map.
+ *
+ * Requires shadcn/ui set up in your app (its CSS variables + Tailwind config).
+ * Restyle any part by passing your own `classNames` — they're merged **over**
+ * the preset, per part, so `classNames={{ root: "…" }}` only replaces the root.
+ *
+ * @typeParam TRow - The row type.
+ */
+declare function DataTable<TRow>(props: Readonly<DataTableProps<TRow>>): import("react").JSX.Element;
+//#endregion
+export { DataTable, shadcnClassNames };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/classNames.ts","../src/DataTable.tsx"],"mappings":";;;;;;;;AAcA;;;;AAyFC;;;;cAzFY,gBAAA,EAAkB,mBAyF9B;;;;;;;AAzFD;;;;AAyFC;;;;iBCpFe,SAAA,OAAgB,KAAA,EAAO,QAAA,CAAS,cAAA,CAAe,IAAA,qBAAM,GAAA,CAAA,OAAA"}

package/dist/index.d.ts

@@ -0,0 +1,35 @@
+import { DataTableClassNames, DataTableProps } from "@adapttable/unstyled";
+export * from "@adapttable/unstyled";
+
+//#region src/classNames.d.ts
+/**
+ * shadcn/ui class preset for AdaptTable. Maps every AdaptTable part to shadcn's
+ * design-token utility classes (`bg-card`, `text-muted-foreground`,
+ * `border-border`, `bg-primary`, `ring-ring`, …) — deliberately **monochrome
+ * with ring focus**, the shadcn signature.
+ *
+ * It only *references* shadcn's tokens, so your app must have shadcn/ui set up
+ * (its CSS variables + Tailwind config). Pass this to a `@adapttable/unstyled`
+ * `<DataTable classNames={shadcnClassNames} />`, or just import the pre-wired
+ * `DataTable` from `@adapttable/shadcn`. Override any part by merging your own
+ * classes over it.
+ */
+declare const shadcnClassNames: DataTableClassNames;
+//#endregion
+//#region src/DataTable.d.ts
+/**
+ * AdaptTable, pre-styled with **shadcn/ui** design tokens — a fully-styled data
+ * table in a single import. A thin wrapper over `@adapttable/unstyled` that
+ * applies the {@link shadcnClassNames} preset, so you don't hand-wire the
+ * class map.
+ *
+ * Requires shadcn/ui set up in your app (its CSS variables + Tailwind config).
+ * Restyle any part by passing your own `classNames` — they're merged **over**
+ * the preset, per part, so `classNames={{ root: "…" }}` only replaces the root.
+ *
+ * @typeParam TRow - The row type.
+ */
+declare function DataTable<TRow>(props: Readonly<DataTableProps<TRow>>): import("react").JSX.Element;
+//#endregion
+export { DataTable, shadcnClassNames };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/classNames.ts","../src/DataTable.tsx"],"mappings":";;;;;;;;AAcA;;;;AAyFC;;;;cAzFY,gBAAA,EAAkB,mBAyF9B;;;;;;;AAzFD;;;;AAyFC;;;;iBCpFe,SAAA,OAAgB,KAAA,EAAO,QAAA,CAAS,cAAA,CAAe,IAAA,qBAAM,GAAA,CAAA,OAAA"}

package/dist/index.js

@@ -0,0 +1,124 @@
+import { c } from "react-compiler-runtime";
+import { DataTable as DataTable$1 } from "@adapttable/unstyled";
+import { jsx } from "react/jsx-runtime";
+export * from "@adapttable/unstyled";
+//#region src/classNames.ts
+/**
+* shadcn/ui class preset for AdaptTable. Maps every AdaptTable part to shadcn's
+* design-token utility classes (`bg-card`, `text-muted-foreground`,
+* `border-border`, `bg-primary`, `ring-ring`, …) — deliberately **monochrome
+* with ring focus**, the shadcn signature.
+*
+* It only *references* shadcn's tokens, so your app must have shadcn/ui set up
+* (its CSS variables + Tailwind config). Pass this to a `@adapttable/unstyled`
+* `<DataTable classNames={shadcnClassNames} />`, or just import the pre-wired
+* `DataTable` from `@adapttable/shadcn`. Override any part by merging your own
+* classes over it.
+*/
+const shadcnClassNames = {
+	root: "rounded-xl border border-border bg-card text-card-foreground shadow-sm",
+	toolbar: "flex flex-wrap items-center gap-2 p-3 border-b border-border",
+	searchField: "flex h-9 items-center gap-2 rounded-md border border-input bg-background px-3 focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-1 focus-within:ring-offset-background",
+	searchIcon: "text-muted-foreground",
+	search: "w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground",
+	sortSelect: "h-9 rounded-md border border-input bg-background px-2 text-sm",
+	rowsPerPageSelect: "h-8 rounded-md border border-input bg-background px-1.5 text-sm text-foreground",
+	filtersButton: "shrink-0 whitespace-nowrap inline-flex h-9 items-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium hover:bg-accent hover:text-accent-foreground",
+	filtersBackdrop: "fixed inset-0 z-40 bg-black/40 backdrop-blur-[1px]",
+	filtersPanel: "fixed inset-y-0 end-0 z-50 flex w-[340px] max-w-[88vw] flex-col border-s border-border bg-card text-card-foreground shadow-2xl",
+	filtersPopover: "z-50 mt-2 w-80 max-w-[88vw] overflow-hidden rounded-lg border border-border bg-card text-card-foreground shadow-xl",
+	filtersCount: "inline-grid h-5 min-w-5 place-items-center rounded-full bg-primary px-1 text-xs font-bold leading-none text-primary-foreground",
+	filtersHeader: "flex items-center justify-between border-b border-border px-4 py-3",
+	filtersTitle: "text-base font-semibold",
+	filtersClose: "flex h-8 w-8 items-center justify-center rounded-md text-lg leading-none text-muted-foreground hover:bg-accent",
+	filtersBody: "flex flex-1 flex-col gap-4 overflow-auto p-4",
+	filterField: "m-0 flex min-w-0 flex-col gap-1.5 border-0 p-0",
+	filterLabel: "p-0 text-xs font-medium text-muted-foreground",
+	filterInput: "h-9 w-full rounded-md border border-input bg-background px-2.5 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring",
+	filterSelect: "h-9 w-full rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring",
+	filterCheckboxGroup: "flex flex-wrap gap-1.5",
+	filterCheckbox: "inline-flex cursor-pointer select-none items-center rounded-full border border-input bg-background px-3 py-1 text-[13px] font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground has-[:checked]:border-primary has-[:checked]:bg-primary has-[:checked]:text-primary-foreground [&>input]:sr-only",
+	filtersFooter: "flex items-center justify-between gap-2 border-t border-border p-4",
+	filtersClear: "h-9 rounded-md px-3 text-sm text-muted-foreground hover:bg-accent disabled:opacity-50",
+	filtersDone: "h-9 rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+	table: "w-full border-collapse text-sm",
+	headerCell: "border-b border-border bg-card px-3 py-2.5 text-start font-medium text-muted-foreground",
+	sortButton: "inline-flex items-center gap-1 font-medium hover:text-foreground",
+	row: "border-b border-border last:border-0 hover:bg-muted/50 data-[selected]:bg-accent",
+	cell: "px-3 py-2.5 [&[data-pinned]]:bg-card",
+	actionButton: "h-8 w-8 rounded-md text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-50",
+	footer: "flex items-center justify-between gap-2 border-t border-border p-3 text-sm text-muted-foreground",
+	pageButton: "inline-grid h-8 min-w-8 place-items-center rounded-md border border-input bg-background px-2 text-foreground hover:bg-accent disabled:opacity-40",
+	chips: "flex flex-wrap gap-2 px-3 pb-2",
+	chip: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-1 text-xs text-muted-foreground",
+	chipRemove: "rounded px-1 text-muted-foreground transition-colors hover:text-foreground",
+	empty: "flex flex-wrap items-center justify-center gap-3 px-4 py-10 text-sm text-muted-foreground",
+	emptyClear: "rounded-md border border-input px-2.5 py-1 text-xs font-medium text-foreground transition-colors hover:bg-muted",
+	columnMenuButton: "shrink-0 whitespace-nowrap inline-flex h-9 items-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium hover:bg-accent data-[active]:bg-accent",
+	columnMenuPanel: "z-50 min-w-[264px] rounded-xl border border-border bg-card p-1.5 text-card-foreground shadow-xl",
+	columnMenuHeader: "px-1.5 pb-1.5 pt-1",
+	columnMenuTitle: "text-[11px] font-semibold uppercase tracking-wider text-muted-foreground",
+	columnMenuItem: "flex cursor-grab items-center gap-2 rounded-md px-1.5 py-1.5 hover:bg-muted/60",
+	columnMenuGrip: "inline-flex cursor-grab text-muted-foreground/50 hover:text-foreground",
+	columnMenuLabel: "flex-1 truncate text-[13px] font-medium data-[hidden]:text-muted-foreground data-[hidden]:line-through",
+	columnMenuVisibility: "inline-grid place-items-center rounded p-[3px] text-muted-foreground hover:bg-muted hover:text-foreground",
+	columnMenuPin: "inline-grid place-items-center rounded p-[3px] text-muted-foreground hover:bg-muted data-[active]:text-primary",
+	columnMenuReset: "mt-1.5 w-full border-t border-border px-2 pb-1 pt-2 text-start text-[13px] font-medium text-primary hover:opacity-80",
+	resizeHandle: "hover:bg-border",
+	card: "mb-2 rounded-lg border border-border p-3",
+	cardRow: "flex justify-between gap-3 py-0.5 text-sm",
+	cardLabel: "text-muted-foreground",
+	cardValue: "font-medium"
+};
+//#endregion
+//#region src/DataTable.tsx
+/**
+* AdaptTable, pre-styled with **shadcn/ui** design tokens — a fully-styled data
+* table in a single import. A thin wrapper over `@adapttable/unstyled` that
+* applies the {@link shadcnClassNames} preset, so you don't hand-wire the
+* class map.
+*
+* Requires shadcn/ui set up in your app (its CSS variables + Tailwind config).
+* Restyle any part by passing your own `classNames` — they're merged **over**
+* the preset, per part, so `classNames={{ root: "…" }}` only replaces the root.
+*
+* @typeParam TRow - The row type.
+*/
+function DataTable(props) {
+	const $ = c(8);
+	let classNames;
+	let rest;
+	if ($[0] !== props) {
+		({classNames, ...rest} = props);
+		$[0] = props;
+		$[1] = classNames;
+		$[2] = rest;
+	} else {
+		classNames = $[1];
+		rest = $[2];
+	}
+	let t0;
+	if ($[3] !== classNames) {
+		t0 = classNames ? {
+			...shadcnClassNames,
+			...classNames
+		} : shadcnClassNames;
+		$[3] = classNames;
+		$[4] = t0;
+	} else t0 = $[4];
+	let t1;
+	if ($[5] !== rest || $[6] !== t0) {
+		t1 = /* @__PURE__ */ jsx(DataTable$1, {
+			...rest,
+			classNames: t0
+		});
+		$[5] = rest;
+		$[6] = t0;
+		$[7] = t1;
+	} else t1 = $[7];
+	return t1;
+}
+//#endregion
+export { DataTable, shadcnClassNames };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["shadcnClassNames","root","toolbar","searchField","searchIcon","search","sortSelect","rowsPerPageSelect","filtersButton","filtersBackdrop","filtersPanel","filtersPopover","filtersCount","filtersHeader","filtersTitle","filtersClose","filtersBody","filterField","filterLabel","filterInput","filterSelect","filterCheckboxGroup","filterCheckbox","filtersFooter","filtersClear","filtersDone","table","headerCell","sortButton","row","cell","actionButton","footer","pageButton","chips","chip","chipRemove","empty","emptyClear","columnMenuButton","columnMenuPanel","columnMenuHeader","columnMenuTitle","columnMenuItem","columnMenuGrip","columnMenuLabel","columnMenuVisibility","columnMenuPin","columnMenuReset","resizeHandle","card","cardRow","cardLabel","cardValue","DataTable","UnstyledDataTable","shadcnClassNames","props","$","_c","classNames","rest","t0","t1"],"sources":["../src/classNames.ts","../src/DataTable.tsx"],"sourcesContent":["import type { DataTableClassNames } from \"@adapttable/unstyled\";\n\n/**\n * shadcn/ui class preset for AdaptTable. Maps every AdaptTable part to shadcn's\n * design-token utility classes (`bg-card`, `text-muted-foreground`,\n * `border-border`, `bg-primary`, `ring-ring`, …) — deliberately **monochrome\n * with ring focus**, the shadcn signature.\n *\n * It only *references* shadcn's tokens, so your app must have shadcn/ui set up\n * (its CSS variables + Tailwind config). Pass this to a `@adapttable/unstyled`\n * `<DataTable classNames={shadcnClassNames} />`, or just import the pre-wired\n * `DataTable` from `@adapttable/shadcn`. Override any part by merging your own\n * classes over it.\n */\nexport const shadcnClassNames: DataTableClassNames = {\n  root: \"rounded-xl border border-border bg-card text-card-foreground shadow-sm\",\n  toolbar: \"flex flex-wrap items-center gap-2 p-3 border-b border-border\",\n  searchField:\n    \"flex h-9 items-center gap-2 rounded-md border border-input bg-background px-3 focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-1 focus-within:ring-offset-background\",\n  searchIcon: \"text-muted-foreground\",\n  search:\n    \"w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground\",\n  sortSelect: \"h-9 rounded-md border border-input bg-background px-2 text-sm\",\n  rowsPerPageSelect:\n    \"h-8 rounded-md border border-input bg-background px-1.5 text-sm text-foreground\",\n  filtersButton:\n    \"shrink-0 whitespace-nowrap inline-flex h-9 items-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium hover:bg-accent hover:text-accent-foreground\",\n  filtersBackdrop: \"fixed inset-0 z-40 bg-black/40 backdrop-blur-[1px]\",\n  filtersPanel:\n    \"fixed inset-y-0 end-0 z-50 flex w-[340px] max-w-[88vw] flex-col border-s border-border bg-card text-card-foreground shadow-2xl\",\n  filtersPopover:\n    \"z-50 mt-2 w-80 max-w-[88vw] overflow-hidden rounded-lg border border-border bg-card text-card-foreground shadow-xl\",\n  filtersCount:\n    \"inline-grid h-5 min-w-5 place-items-center rounded-full bg-primary px-1 text-xs font-bold leading-none text-primary-foreground\",\n  filtersHeader:\n    \"flex items-center justify-between border-b border-border px-4 py-3\",\n  filtersTitle: \"text-base font-semibold\",\n  filtersClose:\n    \"flex h-8 w-8 items-center justify-center rounded-md text-lg leading-none text-muted-foreground hover:bg-accent\",\n  filtersBody: \"flex flex-1 flex-col gap-4 overflow-auto p-4\",\n  // ── Auto-built filter form (declarative `filters` definitions) ──\n  filterField: \"m-0 flex min-w-0 flex-col gap-1.5 border-0 p-0\",\n  filterLabel: \"p-0 text-xs font-medium text-muted-foreground\",\n  filterInput:\n    \"h-9 w-full rounded-md border border-input bg-background px-2.5 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring\",\n  filterSelect:\n    \"h-9 w-full rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring\",\n  filterCheckboxGroup: \"flex flex-wrap gap-1.5\",\n  filterCheckbox:\n    \"inline-flex cursor-pointer select-none items-center rounded-full border border-input bg-background px-3 py-1 text-[13px] font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground has-[:checked]:border-primary has-[:checked]:bg-primary has-[:checked]:text-primary-foreground [&>input]:sr-only\",\n  filtersFooter:\n    \"flex items-center justify-between gap-2 border-t border-border p-4\",\n  filtersClear:\n    \"h-9 rounded-md px-3 text-sm text-muted-foreground hover:bg-accent disabled:opacity-50\",\n  filtersDone:\n    \"h-9 rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90\",\n  table: \"w-full border-collapse text-sm\",\n  headerCell:\n    \"border-b border-border bg-card px-3 py-2.5 text-start font-medium text-muted-foreground\",\n  sortButton:\n    \"inline-flex items-center gap-1 font-medium hover:text-foreground\",\n  row: \"border-b border-border last:border-0 hover:bg-muted/50 data-[selected]:bg-accent\",\n  // Pinned cells must be opaque so scrolled content never shows through.\n  cell: \"px-3 py-2.5 [&[data-pinned]]:bg-card\",\n  actionButton:\n    \"h-8 w-8 rounded-md text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-50\",\n  footer:\n    \"flex items-center justify-between gap-2 border-t border-border p-3 text-sm text-muted-foreground\",\n  pageButton:\n    \"inline-grid h-8 min-w-8 place-items-center rounded-md border border-input bg-background px-2 text-foreground hover:bg-accent disabled:opacity-40\",\n  chips: \"flex flex-wrap gap-2 px-3 pb-2\",\n  chip: \"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-1 text-xs text-muted-foreground\",\n  chipRemove:\n    \"rounded px-1 text-muted-foreground transition-colors hover:text-foreground\",\n  empty:\n    \"flex flex-wrap items-center justify-center gap-3 px-4 py-10 text-sm text-muted-foreground\",\n  emptyClear:\n    \"rounded-md border border-input px-2.5 py-1 text-xs font-medium text-foreground transition-colors hover:bg-muted\",\n  // ── Column popover ──────────────────────────────────────────────\n  columnMenuButton:\n    \"shrink-0 whitespace-nowrap inline-flex h-9 items-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium hover:bg-accent data-[active]:bg-accent\",\n  columnMenuPanel:\n    \"z-50 min-w-[264px] rounded-xl border border-border bg-card p-1.5 text-card-foreground shadow-xl\",\n  columnMenuHeader: \"px-1.5 pb-1.5 pt-1\",\n  columnMenuTitle:\n    \"text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\",\n  columnMenuItem:\n    \"flex cursor-grab items-center gap-2 rounded-md px-1.5 py-1.5 hover:bg-muted/60\",\n  columnMenuGrip:\n    \"inline-flex cursor-grab text-muted-foreground/50 hover:text-foreground\",\n  columnMenuLabel:\n    \"flex-1 truncate text-[13px] font-medium data-[hidden]:text-muted-foreground data-[hidden]:line-through\",\n  columnMenuVisibility:\n    \"inline-grid place-items-center rounded p-[3px] text-muted-foreground hover:bg-muted hover:text-foreground\",\n  columnMenuPin:\n    \"inline-grid place-items-center rounded p-[3px] text-muted-foreground hover:bg-muted data-[active]:text-primary\",\n  columnMenuReset:\n    \"mt-1.5 w-full border-t border-border px-2 pb-1 pt-2 text-start text-[13px] font-medium text-primary hover:opacity-80\",\n  resizeHandle: \"hover:bg-border\",\n  card: \"mb-2 rounded-lg border border-border p-3\",\n  cardRow: \"flex justify-between gap-3 py-0.5 text-sm\",\n  cardLabel: \"text-muted-foreground\",\n  cardValue: \"font-medium\",\n};\n","import {\n  DataTable as UnstyledDataTable,\n  type DataTableProps,\n} from \"@adapttable/unstyled\";\n\nimport { shadcnClassNames } from \"./classNames\";\n\n/**\n * AdaptTable, pre-styled with **shadcn/ui** design tokens — a fully-styled data\n * table in a single import. A thin wrapper over `@adapttable/unstyled` that\n * applies the {@link shadcnClassNames} preset, so you don't hand-wire the\n * class map.\n *\n * Requires shadcn/ui set up in your app (its CSS variables + Tailwind config).\n * Restyle any part by passing your own `classNames` — they're merged **over**\n * the preset, per part, so `classNames={{ root: \"…\" }}` only replaces the root.\n *\n * @typeParam TRow - The row type.\n */\nexport function DataTable<TRow>(props: Readonly<DataTableProps<TRow>>) {\n  const { classNames, ...rest } = props;\n  return (\n    <UnstyledDataTable\n      {...rest}\n      classNames={\n        classNames ? { ...shadcnClassNames, ...classNames } : shadcnClassNames\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAcA,MAAaA,mBAAwC;CACnDC,MAAM;CACNC,SAAS;CACTC,aACE;CACFC,YAAY;CACZC,QACE;CACFC,YAAY;CACZC,mBACE;CACFC,eACE;CACFC,iBAAiB;CACjBC,cACE;CACFC,gBACE;CACFC,cACE;CACFC,eACE;CACFC,cAAc;CACdC,cACE;CACFC,aAAa;CAEbC,aAAa;CACbC,aAAa;CACbC,aACE;CACFC,cACE;CACFC,qBAAqB;CACrBC,gBACE;CACFC,eACE;CACFC,cACE;CACFC,aACE;CACFC,OAAO;CACPC,YACE;CACFC,YACE;CACFC,KAAK;CAELC,MAAM;CACNC,cACE;CACFC,QACE;CACFC,YACE;CACFC,OAAO;CACPC,MAAM;CACNC,YACE;CACFC,OACE;CACFC,YACE;CAEFC,kBACE;CACFC,iBACE;CACFC,kBAAkB;CAClBC,iBACE;CACFC,gBACE;CACFC,gBACE;CACFC,iBACE;CACFC,sBACE;CACFC,eACE;CACFC,iBACE;CACFC,cAAc;CACdC,MAAM;CACNC,SAAS;CACTC,WAAW;CACXC,WAAW;AACb;;;;;;;;;;;;;;;ACpFA,SAAOC,UAAAG,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAH,EAAA,OAAAD,OAAA;EACL,CAAA,CAAAG,eAAAC,QAAgCJ;EAAMC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAA;EAAAD,aAAAF,EAAA;EAAAG,OAAAH,EAAA;CAAA;CAAA,IAAAI;CAAA,IAAAJ,EAAA,OAAAE,YAAA;EAKhCE,KAAAF,aAAA;GAAA,GAAkBJ;GAAgB,GAAKI;EAA8B,IAArEJ;EAAsEE,EAAA,KAAAE;EAAAF,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAG,QAAAH,EAAA,OAAAI,IAAA;EAH1EC,KAAA,oBAAC,aAAD;GAAkB,GACZF;GAEF,YAAAC;EAAsE,CAAA;EAExEJ,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OALFK;AAKE"}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@adapttable/shadcn",
+  "version": "0.1.0",
+  "description": "shadcn/ui adapter for AdaptTable — a fully-styled React data table in one import, built on the headless @adapttable/core engine and shadcn's design tokens.",
+  "keywords": [
+    "react",
+    "data-table",
+    "table",
+    "shadcn",
+    "shadcn-ui",
+    "tailwind",
+    "headless",
+    "url-state",
+    "rtl",
+    "typescript"
+  ],
+  "license": "MIT",
+  "author": "Orwa Mahmoud",
+  "homepage": "https://orwa-mahmoud.github.io/adapttable/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/orwa-mahmoud/adapttable.git",
+    "directory": "packages/adapter-shadcn"
+  },
+  "bugs": "https://github.com/orwa-mahmoud/adapttable/issues",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0",
+    "@adapttable/unstyled": "0.2.2"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "axe-core": "^4.12.1",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "vitest-axe": "^0.1.0",
+    "@adapttable/core": "0.2.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18.18.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
+    "clean": "rimraf dist coverage .turbo"
+  }
+}