@jamsrui/data-grid 0.0.2

package/README.md

@@ -0,0 +1,40 @@
+# 🚀 **JamsrUI**
+
+**A comprehensive React UI component library designed for developers, with Tailwind CSS integration for seamless styling.**
+
+
+## 📖 **Overview**
+
+[JamsrUI](https://jamsr-ui.jamsrworld.com) is designed to help developers build modern, fast and visually appealing web applications with ease.
+
+## 🚀 Getting Started 
+
+Boost & Build your websites using [JamsrUI](https://jamsr-ui.jamsrworld.com).
+
+## ✨ Features
+
+- 🚀 **Production-Ready**: Optimized for modern React projects.
+- 🎨 **Customizable**: Easily override styles and themes.
+- 🛠️ **Reusable Components**: Save time with prebuilt, efficient UI elements.
+- ⚡ **Developer-Friendly**: Simple API and well-documented usage.
+- 📦 **Lightweight**: Minimal dependencies for fast performance.
+- 🖥️ **Modern Design**: Clean, responsive, and user-friendly components.
+
+## 🌱 Community
+
+We’re thrilled to see the community actively engage with **JamsrUI**! Whether you're sharing feedback, reporting bugs, requesting features, or showcasing projects built with JamsrUI, your involvement helps us grow and improve.
+
+### How to Engage
+
+- 💬 **Report Bugs**: [GitHub Issues](https://github.com/jamsrworld/jamsr-ui/issues)
+- 🚀 **Request Features**: Share ideas for new components.
+- 🤝 **Showcase Projects**: Let us know how you use JamsrUI.
+
+## Contributing
+
+We welcome contributions from developers of all skill levels!
+
+## ⭐ Support the Project
+
+If you find **JamsrUI** helpful, consider giving it a ⭐ on [GitHub](https://github.com/jamsrworld/jamsr-ui).
+

package/dist/chunk-5FYPUZNG.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkEY5ZLNJWjs = require('./chunk-EY5ZLNJW.js');var _hooks = require('@jamsrui/hooks');var _iconbutton = require('@jamsrui/icon-button');var _icons = require('@jamsrui/icons');var _menu = require('@jamsrui/menu');var h=l=>{let{table:t}=_chunkEY5ZLNJWjs.b.call(void 0, ),r=React.createElement(React.Fragment,null,React.createElement(_menu.Menu,null,React.createElement(_menu.MenuTrigger,null,React.createElement(_iconbutton.IconButton,{label:"Column Visibility",size:"sm"},React.createElement(_icons.InfoIcon,null))),React.createElement(_menu.MenuContent,null,React.createElement(_menu.MenuItem,{preventCloseOnClick:!0,onClick:t.getToggleAllColumnsVisibilityHandler()},React.createElement("input",{type:"checkbox",checked:t.getIsAllColumnsVisible(),onChange:t.getToggleAllColumnsVisibilityHandler()})," ","Toggle All"),t.getAllLeafColumns().map(e=>{let i=e.columnDef.header,s=typeof i=="function"?i({}):i;return React.createElement(_menu.MenuItem,{key:e.id,preventCloseOnClick:!0,isDisabled:!e.getCanHide(),onClick:e.getToggleVisibilityHandler()},React.createElement("input",{type:"checkbox",checked:e.getIsVisible(),onChange:e.getToggleVisibilityHandler()})," ",s)}))));return _hooks.useRenderElement.call(void 0, "div",{props:[l,{children:r}]})};exports.a = h;

package/dist/chunk-5KHRSRP3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkEY5ZLNJWjs = require('./chunk-EY5ZLNJW.js');var _icons = require('@jamsrui/icons');var _table = require('@jamsrui/table');var _utils = require('@jamsrui/utils');var _reacttable = require('@tanstack/react-table');var w=()=>{let{table:n}=_chunkEY5ZLNJWjs.b.call(void 0, ),a=n.getHeaderGroups();return React.createElement(_table.TableHeader,null,a.map(o=>React.createElement(_table.TableRow,{key:o.id},o.headers.map(e=>React.createElement(_table.TableColumn,{key:e.id},e.isPlaceholder?null:React.createElement(React.Fragment,null,React.createElement("button",{onClick:e.column.getToggleSortingHandler(),type:"button",className:_utils.cn.call(void 0, "flex w-full cursor-pointer select-none gap-1 overflow-hidden pr-1 text-transform-inherit",{"":e.column.getCanSort()})},React.createElement("span",{className:"flex w-full  grow items-center overflow-hidden font-medium"},_reacttable.flexRender.call(void 0, e.column.columnDef.header,e.getContext()),_nullishCoalesce({asc:React.createElement(_icons.ChevronUpIcon,{className:"size-4 shrink-0"}),desc:React.createElement(_icons.ChevronDownIcon,{className:"size-4 shrink-0"})}[e.column.getIsSorted()], () => (null)))),React.createElement("span",{"aria-label":"resize",onMouseDown:e.getResizeHandler(),onTouchStart:e.getResizeHandler(),role:"presentation",className:_utils.cn.call(void 0, "absolute right-0 top-1/2  h-3/5 w-[2px] -translate-y-1/2 cursor-ew-resize bg-slate-300/30 opacity-0 transition-all duration-500 group-hover/table:opacity-100",{"isResizing cursor-ew-resize":e.column.getIsResizing()})})))))))};exports.a = w;

package/dist/chunk-76K5VWVV.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('react');var _reacttable = require('@tanstack/react-table');var I=S=>{let{columns:p,data:e,state:u,isLoading:o,isHeaderSticky:n,variant:a,radius:i,density:s,allowHover:r,separateRows:l,...w}=S,[R,C]=_react.useState.call(void 0, []),[P,b]=_react.useState.call(void 0, {pageSize:10,pageIndex:0}),[y,M]=_react.useState.call(void 0, {}),[T,h]=_react.useState.call(void 0, []),[O,D]=_react.useState.call(void 0, {}),[z,x]=_react.useState.call(void 0, {bottom:[],top:[]}),[F,f]=_react.useState.call(void 0, []),d=e.length===0,g=_reacttable.useReactTable.call(void 0, {columnResizeMode:"onChange",getCoreRowModel:_reacttable.getCoreRowModel.call(void 0, ),getPaginationRowModel:_reacttable.getPaginationRowModel.call(void 0, ),getSortedRowModel:_reacttable.getSortedRowModel.call(void 0, ),getFilteredRowModel:_reacttable.getFilteredRowModel.call(void 0, ),onSortingChange:C,onColumnFiltersChange:h,onColumnVisibilityChange:M,onRowSelectionChange:D,onPaginationChange:b,getExpandedRowModel:_reacttable.getExpandedRowModel.call(void 0, ),onColumnOrderChange:f,onRowPinningChange:x,...w,state:{sorting:R,columnFilters:T,columnVisibility:y,rowSelection:O,pagination:P,columnOrder:F,...u},data:e,columns:p}),c=_react.useMemo.call(void 0, ()=>({isHeaderSticky:n,variant:a,radius:i,density:s,allowHover:r,separateRows:l}),[r,s,n,i,l,a]);return _react.useMemo.call(void 0, ()=>({table:g,isLoading:o,isEmtpy:d,rootProps:c}),[d,o,c,g])};exports.a = I;

package/dist/chunk-BHT3GYPJ.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkEY5ZLNJWjs = require('./chunk-EY5ZLNJW.js');var _react = require('react');var _iconbutton = require('@jamsrui/icon-button');var _icons = require('@jamsrui/icons');var _select = require('@jamsrui/select');var S=()=>{let{table:e,isEmtpy:o}=_chunkEY5ZLNJWjs.b.call(void 0, ),[i,l]=_react.useState.call(void 0, ["10"]),r=()=>{e.nextPage()},g=()=>{e.previousPage()},c=()=>{e.setPageIndex(0)},m=()=>{e.setPageIndex(e.getPageCount()-1)},n=e.getPageCount(),u=n?e.getState().pagination.pageIndex+1:0,d=t=>{e.setPageSize(Number(_nullishCoalesce(Array.from(t)[0], () => ([10])))),l(t)};return o?null:React.createElement("div",{className:"flex flex-col w-full justify-between gap-4 md:flex-row md:items-center","data-slot":"pagination"},React.createElement(_select.Select,{label:"Rows Per Page:",onValueChange:d,returnFocus:!1,size:"sm",value:i,classNames:{root:"items-center flex max-w-[80px] flex-row gap-2",label:"shrink-0"}},[10,20,50,100,500].map(t=>React.createElement(_select.SelectItem,{key:t.toString(),value:t.toString()},t.toString()))),React.createElement("div",{className:"flex gap-1 md:gap-4"},React.createElement("div",{className:"flex items-center justify-center text-sm font-medium"},"Page ",u," of ",n),React.createElement("div",{className:"flex items-center"},React.createElement(_iconbutton.IconButton,{isDisabled:!e.getCanPreviousPage(),label:"First Page",onClick:c,radius:"full",size:"sm",variant:"light"},React.createElement("span",{className:"sr-only"},"Go to first page"),React.createElement(_icons.ChevronDoubleLeftIcon,{height:20,width:20})),React.createElement(_iconbutton.IconButton,{isDisabled:!e.getCanPreviousPage(),label:"Previous Page",onClick:g,radius:"full",size:"sm",variant:"light"},React.createElement("span",{className:"sr-only"},"Go to previous page"),React.createElement(_icons.ChevronLeftIcon,{height:20,width:20})),React.createElement(_iconbutton.IconButton,{isDisabled:!e.getCanNextPage(),label:"Next Page",onClick:r,radius:"full",size:"sm",variant:"light"},React.createElement("span",{className:"sr-only"},"Go to next page"),React.createElement(_icons.ChevronRightIcon,{height:20,width:20})),React.createElement(_iconbutton.IconButton,{isDisabled:!e.getCanNextPage(),label:"Last Page",onClick:m,radius:"full",size:"sm",variant:"light"},React.createElement("span",{className:"sr-only"},"Go to last page"),React.createElement(_icons.ChevronDoubleRightIcon,{height:20,width:20})))))};exports.a = S;

package/dist/chunk-CX46OQS3.mjs

@@ -0,0 +1 @@
+import{LinearProgress as r}from"@jamsrui/linear-progress";var o=a=>React.createElement(r,{className:"absolute inset-0",...a});export{o as a};

package/dist/chunk-D6IUMOIT.mjs

@@ -0,0 +1 @@
+import{b as e}from"./chunk-MDBTVFQY.mjs";import{Table as o}from"@jamsrui/table";var n=r=>{let{children:t}=r,{rootProps:a}=e();return React.createElement(o,{...a},t)};export{n as a};

package/dist/chunk-DDR6AMKD.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkEY5ZLNJWjs = require('./chunk-EY5ZLNJW.js');var _table = require('@jamsrui/table');var p=()=>{let{table:a}=_chunkEY5ZLNJWjs.b.call(void 0, ),e=a.getAllColumns().length;return React.createElement(_table.TableRow,null,React.createElement(_table.TableCell,{colSpan:e},"No data available"))};exports.a = p;

package/dist/chunk-E5567HGE.mjs

@@ -0,0 +1 @@
+import{b as t}from"./chunk-MDBTVFQY.mjs";import{TableCell as o,TableRow as l}from"@jamsrui/table";var p=()=>{let{table:a}=t(),e=a.getAllColumns().length;return React.createElement(l,null,React.createElement(o,{colSpan:e},"No data available"))};export{p as a};

package/dist/chunk-EY5ZLNJW.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('react');var a=_react.createContext.call(void 0, null),n= exports.b =()=>{let t=_react.use.call(void 0, a);if(!t)throw new Error("useDataGridContext must be used within a DataGridContext");return t};exports.a = a; exports.b = n;

package/dist/chunk-F4CB3GWJ.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkEY5ZLNJWjs = require('./chunk-EY5ZLNJW.js');var _table = require('@jamsrui/table');var n=r=>{let{children:t}=r,{rootProps:a}=_chunkEY5ZLNJWjs.b.call(void 0, );return React.createElement(_table.Table,{...a},t)};exports.a = n;

package/dist/chunk-GP74P73D.mjs

@@ -0,0 +1 @@
+import{a as r}from"./chunk-E5567HGE.mjs";import{b as o}from"./chunk-MDBTVFQY.mjs";import{TableBody as m,TableCell as i,TableRow as p}from"@jamsrui/table";import{flexRender as d}from"@tanstack/react-table";var f=()=>{let{table:a,isEmtpy:l}=o();return React.createElement(m,null,!!l&&React.createElement(r,null),a.getRowModel().rows.map(t=>React.createElement(p,{key:t.id},t.getVisibleCells().map(e=>React.createElement(i,{key:e.id},d(e.column.columnDef.cell,e.getContext()))))))};export{f as a};

package/dist/chunk-MDBTVFQY.mjs

@@ -0,0 +1 @@
+import{createContext as e,use as r}from"react";var a=e(null),n=()=>{let t=r(a);if(!t)throw new Error("useDataGridContext must be used within a DataGridContext");return t};export{a,n as b};

package/dist/chunk-NPU33NIN.mjs

@@ -0,0 +1 @@
+import{useMemo as m,useState as t}from"react";import{getCoreRowModel as k,getExpandedRowModel as V,getFilteredRowModel as v,getPaginationRowModel as H,getSortedRowModel as E,useReactTable as G}from"@tanstack/react-table";var I=S=>{let{columns:p,data:e,state:u,isLoading:o,isHeaderSticky:n,variant:a,radius:i,density:s,allowHover:r,separateRows:l,...w}=S,[R,C]=t([]),[P,b]=t({pageSize:10,pageIndex:0}),[y,M]=t({}),[T,h]=t([]),[O,D]=t({}),[z,x]=t({bottom:[],top:[]}),[F,f]=t([]),d=e.length===0,g=G({columnResizeMode:"onChange",getCoreRowModel:k(),getPaginationRowModel:H(),getSortedRowModel:E(),getFilteredRowModel:v(),onSortingChange:C,onColumnFiltersChange:h,onColumnVisibilityChange:M,onRowSelectionChange:D,onPaginationChange:b,getExpandedRowModel:V(),onColumnOrderChange:f,onRowPinningChange:x,...w,state:{sorting:R,columnFilters:T,columnVisibility:y,rowSelection:O,pagination:P,columnOrder:F,...u},data:e,columns:p}),c=m(()=>({isHeaderSticky:n,variant:a,radius:i,density:s,allowHover:r,separateRows:l}),[r,s,n,i,l,a]);return m(()=>({table:g,isLoading:o,isEmtpy:d,rootProps:c}),[d,o,c,g])};export{I as a};

package/dist/chunk-OFHYDD43.mjs

@@ -0,0 +1 @@
+import{createConfigContext as a}from"@jamsrui/utils";var[r,e]=a({displayName:"DataGridConfig"});export{r as a,e as b};

package/dist/chunk-QMJBFLHX.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkDDR6AMKDjs = require('./chunk-DDR6AMKD.js');var _chunkEY5ZLNJWjs = require('./chunk-EY5ZLNJW.js');var _table = require('@jamsrui/table');var _reacttable = require('@tanstack/react-table');var f=()=>{let{table:a,isEmtpy:l}=_chunkEY5ZLNJWjs.b.call(void 0, );return React.createElement(_table.TableBody,null,!!l&&React.createElement(_chunkDDR6AMKDjs.a,null),a.getRowModel().rows.map(t=>React.createElement(_table.TableRow,{key:t.id},t.getVisibleCells().map(e=>React.createElement(_table.TableCell,{key:e.id},_reacttable.flexRender.call(void 0, e.column.columnDef.cell,e.getContext()))))))};exports.a = f;

package/dist/chunk-QNXF37NK.mjs

@@ -0,0 +1 @@
+import{b as s}from"./chunk-MDBTVFQY.mjs";import{useState as p}from"react";import{IconButton as a}from"@jamsrui/icon-button";import{ChevronDoubleLeftIcon as f,ChevronDoubleRightIcon as P,ChevronLeftIcon as h,ChevronRightIcon as x}from"@jamsrui/icons";import{Select as v,SelectItem as C}from"@jamsrui/select";var S=()=>{let{table:e,isEmtpy:o}=s(),[i,l]=p(["10"]),r=()=>{e.nextPage()},g=()=>{e.previousPage()},c=()=>{e.setPageIndex(0)},m=()=>{e.setPageIndex(e.getPageCount()-1)},n=e.getPageCount(),u=n?e.getState().pagination.pageIndex+1:0,d=t=>{e.setPageSize(Number(Array.from(t)[0]??[10])),l(t)};return o?null:React.createElement("div",{className:"flex flex-col w-full justify-between gap-4 md:flex-row md:items-center","data-slot":"pagination"},React.createElement(v,{label:"Rows Per Page:",onValueChange:d,returnFocus:!1,size:"sm",value:i,classNames:{root:"items-center flex max-w-[80px] flex-row gap-2",label:"shrink-0"}},[10,20,50,100,500].map(t=>React.createElement(C,{key:t.toString(),value:t.toString()},t.toString()))),React.createElement("div",{className:"flex gap-1 md:gap-4"},React.createElement("div",{className:"flex items-center justify-center text-sm font-medium"},"Page ",u," of ",n),React.createElement("div",{className:"flex items-center"},React.createElement(a,{isDisabled:!e.getCanPreviousPage(),label:"First Page",onClick:c,radius:"full",size:"sm",variant:"light"},React.createElement("span",{className:"sr-only"},"Go to first page"),React.createElement(f,{height:20,width:20})),React.createElement(a,{isDisabled:!e.getCanPreviousPage(),label:"Previous Page",onClick:g,radius:"full",size:"sm",variant:"light"},React.createElement("span",{className:"sr-only"},"Go to previous page"),React.createElement(h,{height:20,width:20})),React.createElement(a,{isDisabled:!e.getCanNextPage(),label:"Next Page",onClick:r,radius:"full",size:"sm",variant:"light"},React.createElement("span",{className:"sr-only"},"Go to next page"),React.createElement(x,{height:20,width:20})),React.createElement(a,{isDisabled:!e.getCanNextPage(),label:"Last Page",onClick:m,radius:"full",size:"sm",variant:"light"},React.createElement("span",{className:"sr-only"},"Go to last page"),React.createElement(P,{height:20,width:20})))))};export{S as a};

package/dist/chunk-QWOFDFGQ.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkF4CB3GWJjs = require('./chunk-F4CB3GWJ.js');var _chunk76K5VWVVjs = require('./chunk-76K5VWVV.js');var _chunkQMJBFLHXjs = require('./chunk-QMJBFLHX.js');var _chunk5FYPUZNGjs = require('./chunk-5FYPUZNG.js');var _chunkTBF36CWHjs = require('./chunk-TBF36CWH.js');var _chunk5KHRSRP3js = require('./chunk-5KHRSRP3.js');var _chunkVD2O6ZYCjs = require('./chunk-VD2O6ZYC.js');var _chunkBHT3GYPJjs = require('./chunk-BHT3GYPJ.js');var _chunkEY5ZLNJWjs = require('./chunk-EY5ZLNJW.js');var _hooks = require('@jamsrui/hooks');var _utils = require('@jamsrui/utils');var B=f=>{let r=_chunkTBF36CWHjs.b.call(void 0, ),c=_utils.mergeConfigProps.call(void 0, r,r,f),o=_chunk76K5VWVVjs.a.call(void 0, c),l=React.createElement(React.Fragment,null,React.createElement(_chunk5FYPUZNGjs.a,null),!!o.isLoading&&React.createElement(_chunkVD2O6ZYCjs.a,null),React.createElement(_chunkF4CB3GWJjs.a,null,React.createElement(_chunk5KHRSRP3js.a,null),React.createElement(_chunkQMJBFLHXjs.a,null)),React.createElement(_chunkBHT3GYPJjs.a,null)),D=_hooks.useRenderElement.call(void 0, "div",{props:[{"data-component":"data-grid","data-slot":"root",className:"relative flex flex-col gap-2"},{children:l}]});return React.createElement(_chunkEY5ZLNJWjs.a,{value:o},D)};exports.a = B;

package/dist/chunk-R6QHJZJX.mjs

@@ -0,0 +1 @@
+import{b as n}from"./chunk-MDBTVFQY.mjs";import{useRenderElement as m}from"@jamsrui/hooks";import{IconButton as a}from"@jamsrui/icon-button";import{InfoIcon as p}from"@jamsrui/icons";import{Menu as d,MenuContent as g,MenuItem as o,MenuTrigger as u}from"@jamsrui/menu";var h=l=>{let{table:t}=n(),r=React.createElement(React.Fragment,null,React.createElement(d,null,React.createElement(u,null,React.createElement(a,{label:"Column Visibility",size:"sm"},React.createElement(p,null))),React.createElement(g,null,React.createElement(o,{preventCloseOnClick:!0,onClick:t.getToggleAllColumnsVisibilityHandler()},React.createElement("input",{type:"checkbox",checked:t.getIsAllColumnsVisible(),onChange:t.getToggleAllColumnsVisibilityHandler()})," ","Toggle All"),t.getAllLeafColumns().map(e=>{let i=e.columnDef.header,s=typeof i=="function"?i({}):i;return React.createElement(o,{key:e.id,preventCloseOnClick:!0,isDisabled:!e.getCanHide(),onClick:e.getToggleVisibilityHandler()},React.createElement("input",{type:"checkbox",checked:e.getIsVisible(),onChange:e.getToggleVisibilityHandler()})," ",s)}))));return m("div",{props:[l,{children:r}]})};export{h as a};

package/dist/chunk-RH4LB7C6.mjs

@@ -0,0 +1 @@
+import{a as p}from"./chunk-D6IUMOIT.mjs";import{a as s}from"./chunk-NPU33NIN.mjs";import{a}from"./chunk-GP74P73D.mjs";import{a as i}from"./chunk-R6QHJZJX.mjs";import{b as e}from"./chunk-OFHYDD43.mjs";import{a as d}from"./chunk-T2E4GLAN.mjs";import{a as m}from"./chunk-CX46OQS3.mjs";import{a as n}from"./chunk-QNXF37NK.mjs";import{a as t}from"./chunk-MDBTVFQY.mjs";import{useRenderElement as G}from"@jamsrui/hooks";import{mergeConfigProps as g}from"@jamsrui/utils";var B=f=>{let r=e(),c=g(r,r,f),o=s(c),l=React.createElement(React.Fragment,null,React.createElement(i,null),!!o.isLoading&&React.createElement(m,null),React.createElement(p,null,React.createElement(d,null),React.createElement(a,null)),React.createElement(n,null)),D=G("div",{props:[{"data-component":"data-grid","data-slot":"root",className:"relative flex flex-col gap-2"},{children:l}]});return React.createElement(t,{value:o},D)};export{B as a};

package/dist/chunk-T2E4GLAN.mjs

@@ -0,0 +1 @@
+import{b as t}from"./chunk-MDBTVFQY.mjs";import{ChevronDownIcon as s,ChevronUpIcon as l}from"@jamsrui/icons";import{TableColumn as i,TableHeader as c,TableRow as m}from"@jamsrui/table";import{cn as r}from"@jamsrui/utils";import{flexRender as u}from"@tanstack/react-table";var w=()=>{let{table:n}=t(),a=n.getHeaderGroups();return React.createElement(c,null,a.map(o=>React.createElement(m,{key:o.id},o.headers.map(e=>React.createElement(i,{key:e.id},e.isPlaceholder?null:React.createElement(React.Fragment,null,React.createElement("button",{onClick:e.column.getToggleSortingHandler(),type:"button",className:r("flex w-full cursor-pointer select-none gap-1 overflow-hidden pr-1 text-transform-inherit",{"":e.column.getCanSort()})},React.createElement("span",{className:"flex w-full  grow items-center overflow-hidden font-medium"},u(e.column.columnDef.header,e.getContext()),{asc:React.createElement(l,{className:"size-4 shrink-0"}),desc:React.createElement(s,{className:"size-4 shrink-0"})}[e.column.getIsSorted()]??null)),React.createElement("span",{"aria-label":"resize",onMouseDown:e.getResizeHandler(),onTouchStart:e.getResizeHandler(),role:"presentation",className:r("absolute right-0 top-1/2  h-3/5 w-[2px] -translate-y-1/2 cursor-ew-resize bg-slate-300/30 opacity-0 transition-all duration-500 group-hover/table:opacity-100",{"isResizing cursor-ew-resize":e.column.getIsResizing()})})))))))};export{w as a};

package/dist/chunk-TBF36CWH.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var[r,e]=_utils.createConfigContext.call(void 0, {displayName:"DataGridConfig"});exports.a = r; exports.b = e;

package/dist/chunk-VD2O6ZYC.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _linearprogress = require('@jamsrui/linear-progress');var o=a=>React.createElement(_linearprogress.LinearProgress,{className:"absolute inset-0",...a});exports.a = o;

package/dist/data-grid-body.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { Row } from '@tanstack/react-table';
+
+declare const DataGridBody: () => react.JSX.Element;
+interface DataGridBodyProps<T> {
+    rows: Row<T>[];
+}
+
+export { DataGridBody, type DataGridBodyProps };

package/dist/data-grid-body.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { Row } from '@tanstack/react-table';
+
+declare const DataGridBody: () => react.JSX.Element;
+interface DataGridBodyProps<T> {
+    rows: Row<T>[];
+}
+
+export { DataGridBody, type DataGridBodyProps };

package/dist/data-grid-body.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkQMJBFLHXjs = require('./chunk-QMJBFLHX.js');require('./chunk-DDR6AMKD.js');require('./chunk-EY5ZLNJW.js');exports.DataGridBody = _chunkQMJBFLHXjs.a;

package/dist/data-grid-body.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-GP74P73D.mjs";import"./chunk-E5567HGE.mjs";import"./chunk-MDBTVFQY.mjs";export{a as DataGridBody};

package/dist/data-grid-column-visibility.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const DataGridColumnVisibility: (props: DataGridColumnVisibility.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace DataGridColumnVisibility {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { DataGridColumnVisibility };

package/dist/data-grid-column-visibility.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const DataGridColumnVisibility: (props: DataGridColumnVisibility.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace DataGridColumnVisibility {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { DataGridColumnVisibility };

package/dist/data-grid-column-visibility.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5FYPUZNGjs = require('./chunk-5FYPUZNG.js');require('./chunk-EY5ZLNJW.js');exports.DataGridColumnVisibility = _chunk5FYPUZNGjs.a;

package/dist/data-grid-column-visibility.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-R6QHJZJX.mjs";import"./chunk-MDBTVFQY.mjs";export{a as DataGridColumnVisibility};

package/dist/data-grid-config.d.mts

@@ -0,0 +1,17 @@
+import { DataGrid } from './data-grid.mjs';
+import * as react from 'react';
+import './use-data-grid.mjs';
+import '@tanstack/react-table';
+import '@jamsrui/table';
+
+declare const useDataGridConfig: () => DataGridConfig.Props;
+declare const DataGridConfig: (props: DataGridConfig.Props & {
+    merge?: boolean;
+}) => react.JSX.Element;
+declare namespace DataGridConfig {
+    interface Props extends DataGrid.Props {
+        children: React.ReactNode;
+    }
+}
+
+export { DataGridConfig, useDataGridConfig };

package/dist/data-grid-config.d.ts

@@ -0,0 +1,17 @@
+import { DataGrid } from './data-grid.js';
+import * as react from 'react';
+import './use-data-grid.js';
+import '@tanstack/react-table';
+import '@jamsrui/table';
+
+declare const useDataGridConfig: () => DataGridConfig.Props;
+declare const DataGridConfig: (props: DataGridConfig.Props & {
+    merge?: boolean;
+}) => react.JSX.Element;
+declare namespace DataGridConfig {
+    interface Props extends DataGrid.Props {
+        children: React.ReactNode;
+    }
+}
+
+export { DataGridConfig, useDataGridConfig };

package/dist/data-grid-config.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTBF36CWHjs = require('./chunk-TBF36CWH.js');exports.DataGridConfig = _chunkTBF36CWHjs.a; exports.useDataGridConfig = _chunkTBF36CWHjs.b;

package/dist/data-grid-config.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-OFHYDD43.mjs";export{a as DataGridConfig,b as useDataGridConfig};

package/dist/data-grid-context.d.mts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { useDataGrid } from './use-data-grid.mjs';
+import '@tanstack/react-table';
+import '@jamsrui/table';
+
+declare const useDataGridContext: () => DataGridContext.Props;
+declare const DataGridContext: react.Context<DataGridContext.Props | null>;
+declare namespace DataGridContext {
+    interface Props extends ReturnType<typeof useDataGrid> {
+    }
+}
+
+export { DataGridContext, useDataGridContext };

package/dist/data-grid-context.d.ts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { useDataGrid } from './use-data-grid.js';
+import '@tanstack/react-table';
+import '@jamsrui/table';
+
+declare const useDataGridContext: () => DataGridContext.Props;
+declare const DataGridContext: react.Context<DataGridContext.Props | null>;
+declare namespace DataGridContext {
+    interface Props extends ReturnType<typeof useDataGrid> {
+    }
+}
+
+export { DataGridContext, useDataGridContext };

package/dist/data-grid-context.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkEY5ZLNJWjs = require('./chunk-EY5ZLNJW.js');exports.DataGridContext = _chunkEY5ZLNJWjs.a; exports.useDataGridContext = _chunkEY5ZLNJWjs.b;

package/dist/data-grid-context.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-MDBTVFQY.mjs";export{a as DataGridContext,b as useDataGridContext};

package/dist/data-grid-empty.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+
+declare const DataGridEmpty: () => react.JSX.Element;
+declare namespace DataGridEmpty {
+    interface Props {
+    }
+}
+
+export { DataGridEmpty };

package/dist/data-grid-empty.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+
+declare const DataGridEmpty: () => react.JSX.Element;
+declare namespace DataGridEmpty {
+    interface Props {
+    }
+}
+
+export { DataGridEmpty };

package/dist/data-grid-empty.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkDDR6AMKDjs = require('./chunk-DDR6AMKD.js');require('./chunk-EY5ZLNJW.js');exports.DataGridEmpty = _chunkDDR6AMKDjs.a;

package/dist/data-grid-empty.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-E5567HGE.mjs";import"./chunk-MDBTVFQY.mjs";export{a as DataGridEmpty};

package/dist/data-grid-header.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+
+declare const DataGridHeader: () => react.JSX.Element;
+declare namespace DataGridHeader {
+    interface Props {
+    }
+}
+
+export { DataGridHeader };

package/dist/data-grid-header.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+
+declare const DataGridHeader: () => react.JSX.Element;
+declare namespace DataGridHeader {
+    interface Props {
+    }
+}
+
+export { DataGridHeader };

package/dist/data-grid-header.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5KHRSRP3js = require('./chunk-5KHRSRP3.js');require('./chunk-EY5ZLNJW.js');exports.DataGridHeader = _chunk5KHRSRP3js.a;

package/dist/data-grid-header.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-T2E4GLAN.mjs";import"./chunk-MDBTVFQY.mjs";export{a as DataGridHeader};

package/dist/data-grid-loading.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+
+declare const DataGridLoading: (props: DataGridLoading.Props) => react.JSX.Element;
+declare namespace DataGridLoading {
+    interface Props {
+    }
+}
+
+export { DataGridLoading };

package/dist/data-grid-loading.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+
+declare const DataGridLoading: (props: DataGridLoading.Props) => react.JSX.Element;
+declare namespace DataGridLoading {
+    interface Props {
+    }
+}
+
+export { DataGridLoading };

package/dist/data-grid-loading.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkVD2O6ZYCjs = require('./chunk-VD2O6ZYC.js');exports.DataGridLoading = _chunkVD2O6ZYCjs.a;

package/dist/data-grid-loading.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-CX46OQS3.mjs";export{a as DataGridLoading};

package/dist/data-grid-pagination.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+
+declare const DataGridPagination: () => react.JSX.Element | null;
+declare namespace DataGridPagination {
+    interface Props<T> {
+    }
+}
+
+export { DataGridPagination };

package/dist/data-grid-pagination.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+
+declare const DataGridPagination: () => react.JSX.Element | null;
+declare namespace DataGridPagination {
+    interface Props<T> {
+    }
+}
+
+export { DataGridPagination };

package/dist/data-grid-pagination.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBHT3GYPJjs = require('./chunk-BHT3GYPJ.js');require('./chunk-EY5ZLNJW.js');exports.DataGridPagination = _chunkBHT3GYPJjs.a;

package/dist/data-grid-pagination.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-QNXF37NK.mjs";import"./chunk-MDBTVFQY.mjs";export{a as DataGridPagination};

package/dist/data-grid-table.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+
+declare const DataGridTable: (props: DataGridTable.Props) => react.JSX.Element;
+declare namespace DataGridTable {
+    interface Props {
+        children: React.ReactNode;
+    }
+}
+
+export { DataGridTable };

package/dist/data-grid-table.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+
+declare const DataGridTable: (props: DataGridTable.Props) => react.JSX.Element;
+declare namespace DataGridTable {
+    interface Props {
+        children: React.ReactNode;
+    }
+}
+
+export { DataGridTable };

package/dist/data-grid-table.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkF4CB3GWJjs = require('./chunk-F4CB3GWJ.js');require('./chunk-EY5ZLNJW.js');exports.DataGridTable = _chunkF4CB3GWJjs.a;

package/dist/data-grid-table.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-D6IUMOIT.mjs";import"./chunk-MDBTVFQY.mjs";export{a as DataGridTable};

package/dist/data-grid.d.mts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { useDataGrid } from './use-data-grid.mjs';
+import '@tanstack/react-table';
+import '@jamsrui/table';
+
+declare const DataGrid: (props: DataGrid.Props) => react.JSX.Element;
+declare namespace DataGrid {
+    interface Props extends useDataGrid.Props<any> {
+    }
+}
+
+export { DataGrid };

package/dist/data-grid.d.ts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { useDataGrid } from './use-data-grid.js';
+import '@tanstack/react-table';
+import '@jamsrui/table';
+
+declare const DataGrid: (props: DataGrid.Props) => react.JSX.Element;
+declare namespace DataGrid {
+    interface Props extends useDataGrid.Props<any> {
+    }
+}
+
+export { DataGrid };

package/dist/data-grid.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkQWOFDFGQjs = require('./chunk-QWOFDFGQ.js');require('./chunk-F4CB3GWJ.js');require('./chunk-76K5VWVV.js');require('./chunk-QMJBFLHX.js');require('./chunk-5FYPUZNG.js');require('./chunk-TBF36CWH.js');require('./chunk-DDR6AMKD.js');require('./chunk-5KHRSRP3.js');require('./chunk-VD2O6ZYC.js');require('./chunk-BHT3GYPJ.js');require('./chunk-EY5ZLNJW.js');exports.DataGrid = _chunkQWOFDFGQjs.a;

package/dist/data-grid.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-RH4LB7C6.mjs";import"./chunk-D6IUMOIT.mjs";import"./chunk-NPU33NIN.mjs";import"./chunk-GP74P73D.mjs";import"./chunk-R6QHJZJX.mjs";import"./chunk-OFHYDD43.mjs";import"./chunk-E5567HGE.mjs";import"./chunk-T2E4GLAN.mjs";import"./chunk-CX46OQS3.mjs";import"./chunk-QNXF37NK.mjs";import"./chunk-MDBTVFQY.mjs";export{a as DataGrid};

package/dist/index.d.mts

@@ -0,0 +1,6 @@
+export { DataGrid } from './data-grid.mjs';
+export { DataGridConfig, useDataGridConfig } from './data-grid-config.mjs';
+import 'react';
+import './use-data-grid.mjs';
+import '@tanstack/react-table';
+import '@jamsrui/table';

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { DataGrid } from './data-grid.js';
+export { DataGridConfig, useDataGridConfig } from './data-grid-config.js';
+import 'react';
+import './use-data-grid.js';
+import '@tanstack/react-table';
+import '@jamsrui/table';

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkQWOFDFGQjs = require('./chunk-QWOFDFGQ.js');require('./chunk-F4CB3GWJ.js');require('./chunk-76K5VWVV.js');require('./chunk-QMJBFLHX.js');require('./chunk-5FYPUZNG.js');var _chunkTBF36CWHjs = require('./chunk-TBF36CWH.js');require('./chunk-DDR6AMKD.js');require('./chunk-5KHRSRP3.js');require('./chunk-VD2O6ZYC.js');require('./chunk-BHT3GYPJ.js');require('./chunk-EY5ZLNJW.js');exports.DataGrid = _chunkQWOFDFGQjs.a; exports.DataGridConfig = _chunkTBF36CWHjs.a; exports.useDataGridConfig = _chunkTBF36CWHjs.b;

package/dist/index.mjs

@@ -0,0 +1 @@
+"use client";import{a as i}from"./chunk-RH4LB7C6.mjs";import"./chunk-D6IUMOIT.mjs";import"./chunk-NPU33NIN.mjs";import"./chunk-GP74P73D.mjs";import"./chunk-R6QHJZJX.mjs";import{a as r,b as a}from"./chunk-OFHYDD43.mjs";import"./chunk-E5567HGE.mjs";import"./chunk-T2E4GLAN.mjs";import"./chunk-CX46OQS3.mjs";import"./chunk-QNXF37NK.mjs";import"./chunk-MDBTVFQY.mjs";export{i as DataGrid,r as DataGridConfig,a as useDataGridConfig};

package/dist/styles.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types.d.mts

@@ -0,0 +1,8 @@
+import { ColumnDef } from '@tanstack/react-table';
+
+interface DataGridProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+}
+
+export type { DataGridProps };

package/dist/types.d.ts

@@ -0,0 +1,8 @@
+import { ColumnDef } from '@tanstack/react-table';
+
+interface DataGridProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+}
+
+export type { DataGridProps };

package/dist/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/use-data-grid.d.mts

@@ -0,0 +1,24 @@
+import * as _tanstack_react_table from '@tanstack/react-table';
+import { TableOptions } from '@tanstack/react-table';
+import { Table } from '@jamsrui/table';
+
+declare const useDataGrid: <TData>(props: useDataGrid.Props<TData>) => {
+    table: _tanstack_react_table.Table<TData>;
+    isLoading: boolean | undefined;
+    isEmtpy: boolean;
+    rootProps: {
+        isHeaderSticky: boolean | undefined;
+        variant: "solid" | "bordered" | undefined;
+        radius: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
+        density: "compact" | "standard" | "comfortable" | undefined;
+        allowHover: boolean | undefined;
+        separateRows: boolean | undefined;
+    };
+};
+declare namespace useDataGrid {
+    interface Props<TData> extends Pick<TableOptions<TData>, "data" | "columns">, Partial<Omit<TableOptions<TData>, "data" | "columns">>, Pick<Table.Props, "isHeaderSticky" | "variant" | "radius" | "density" | "allowHover" | "separateRows"> {
+        isLoading?: boolean;
+    }
+}
+
+export { useDataGrid };

package/dist/use-data-grid.d.ts

@@ -0,0 +1,24 @@
+import * as _tanstack_react_table from '@tanstack/react-table';
+import { TableOptions } from '@tanstack/react-table';
+import { Table } from '@jamsrui/table';
+
+declare const useDataGrid: <TData>(props: useDataGrid.Props<TData>) => {
+    table: _tanstack_react_table.Table<TData>;
+    isLoading: boolean | undefined;
+    isEmtpy: boolean;
+    rootProps: {
+        isHeaderSticky: boolean | undefined;
+        variant: "solid" | "bordered" | undefined;
+        radius: "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "full" | "none" | undefined;
+        density: "compact" | "standard" | "comfortable" | undefined;
+        allowHover: boolean | undefined;
+        separateRows: boolean | undefined;
+    };
+};
+declare namespace useDataGrid {
+    interface Props<TData> extends Pick<TableOptions<TData>, "data" | "columns">, Partial<Omit<TableOptions<TData>, "data" | "columns">>, Pick<Table.Props, "isHeaderSticky" | "variant" | "radius" | "density" | "allowHover" | "separateRows"> {
+        isLoading?: boolean;
+    }
+}
+
+export { useDataGrid };

package/dist/use-data-grid.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk76K5VWVVjs = require('./chunk-76K5VWVV.js');exports.useDataGrid = _chunk76K5VWVVjs.a;

package/dist/use-data-grid.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-NPU33NIN.mjs";export{a as useDataGrid};

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@jamsrui/data-grid",
+  "version": "0.0.2",
+  "peerDependencies": {
+    "@tanstack/react-table": ">=8",
+    "react": ">=19"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@jamsrui/core": "^0.0.2",
+    "@jamsrui/hooks": "^0.0.2",
+    "@jamsrui/icon-button": "^0.0.2",
+    "@jamsrui/icons": "^0.0.2",
+    "@jamsrui/input": "^0.0.2",
+    "@jamsrui/select": "^0.0.2",
+    "@jamsrui/utils": "^0.0.2",
+    "@jamsrui/menu": "^0.0.2",
+    "@jamsrui/linear-progress": "^0.0.2",
+    "@jamsrui/table": "^0.0.2"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "description": "A modern and beautiful Next.js UI components library.",
+  "keywords": [
+    "react",
+    "ui",
+    "UI components",
+    "Next.js",
+    "React",
+    "JamsrUI",
+    "jamsr-ui",
+    "TypeScript"
+  ],
+  "sideEffects": false,
+  "license": "MIT",
+  "author": "@jamsrworld",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jamsrworld/jamsr-ui"
+  },
+  "bugs": {
+    "url": "https://github.com/jamsrworld/jamsr-ui/issues"
+  },
+  "homepage": "https://jamsr-ui.jamsrworld.com",
+  "files": [
+    "dist",
+    "README",
+    "README.md",
+    "package.json",
+    "LICENSE"
+  ]
+}