munza-x-data-grid 3.0.3 → 3.0.5

package/dist/index.cjs

@@ -57,4 +57,4 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
   mun:[&::-webkit-scrollbar-track]:bg-stone-100\r
   mun:[&::-webkit-scrollbar-thumb]:bg-stone-300\r
   mun:dark:[&::-webkit-scrollbar-track]:bg-neutral-700\r
-  mun:dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500`,children:e.getHeaderGroups().map(e=>(0,u.jsx)(l.default.Fragment,{children:e.headers.filter(e=>![`rowNumber`].includes(e.column.id)).map(e=>(0,u.jsx)(r_,{column:e.column},e.id))},e.id))}),(0,u.jsx)(`div`,{className:`mun:px-1.5`,children:(0,u.jsxs)(X,{onClick:()=>e.setColumnFilters([]),variant:`outline`,size:`xs`,children:[(0,u.jsx)(Ef,{}),`Reset Filters`]})})]})},a_=()=>{let{table:e,density:t}=V();return(0,u.jsxs)(`div`,{className:`mun:flex mun:flex-col mun:gap-1.5 mun:h-full mun:py-1.5`,children:[(0,u.jsx)(`div`,{className:`mun:flex mun:items-center mun:justify-between mun:px-1.5 mun:pb-2.5 mun:border-b mun:border-border`,children:(0,u.jsx)(`h1`,{className:`mun:text-sm mun:font-bold`,children:`Rows`})}),(0,u.jsxs)(`div`,{className:`mun:space-y-2 mun:px-1.5 mun:flex-1`,children:[(0,u.jsx)(Ip,{children:`Row Density`}),(0,u.jsx)(X,{variant:t===`sm`?`default`:`outline`,onClick:()=>e.setDensity(`sm`),size:`sm`,children:`Small`}),(0,u.jsx)(X,{variant:t===`md`?`default`:`outline`,onClick:()=>e.setDensity(`md`),size:`sm`,children:`Default`}),(0,u.jsx)(X,{variant:t===`lg`?`default`:`outline`,onClick:()=>e.setDensity(`lg`),size:`sm`,children:`Large`})]}),(0,u.jsx)(`div`,{className:`mun:px-1.5`,children:(0,u.jsx)(X,{onClick:()=>e.resetRowPinning(),variant:`outline`,size:`xs`,children:`Reset Row Pining`})})]})},o_=()=>{let{table:e,setIsSplit:t,gridWrapperRef:n,isFetching:r,refetch:i}=V(),[a,o]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let e=()=>{o(document.fullscreenElement===n.current)};return document.addEventListener(`fullscreenchange`,e),()=>document.removeEventListener(`fullscreenchange`,e)},[n]),(0,u.jsxs)(`div`,{className:`mun:flex mun:flex-col mun:gap-1.5 mun:h-full mun:py-1.5`,children:[(0,u.jsx)(`div`,{className:`mun:flex mun:items-center mun:justify-between mun:px-1.5 mun:pb-2.5 mun:border-b mun:border-border`,children:(0,u.jsx)(`h1`,{className:`mun:text-sm mun:font-bold`,children:`Settings`})}),(0,u.jsxs)(`div`,{className:`mun:px-1.5 mun:flex mun:flex-col mun:gap-2`,children:[(0,u.jsx)(X,{onClick:()=>{n.current&&(document.fullscreenElement?document.exitFullscreen():n.current.requestFullscreen())},children:a?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(kf,{className:`mun:mr-2 mun:h-4 mun:w-4`}),`Exit Fullscreen`]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Of,{className:`mun:mr-2 mun:h-4 mun:w-4`}),`Fullscreen`]})}),(0,u.jsxs)(X,{onClick:()=>i?.(),disabled:r,children:[(0,u.jsx)(Mf,{className:Y(r&&`mun:animate-spin`)}),r?`Refreshing...`:`Refresh Data`]}),(0,u.jsx)(X,{onClick:()=>{window.confirm(`Are you sure you want to reset all settings to default?`)&&(e.setColumnPinning({}),e.resetRowPinning(),e.setColumnVisibility({}),e.setColumnOrder(e.getAllLeafColumns().map(e=>e.id)),e.setColumnSizing({}),e.setDensity(`md`),t(!1),window.alert(`Settings have been reset to default.`))},children:`Reset to Default`})]})]})},s_=({height:e})=>{let[t,n]=(0,l.useState)(null),r=e=>{n(t===e?null:e)};return(0,u.jsxs)(`div`,{className:`mun:bg-muted mun:overflow-hidden mun:flex`,style:{height:e},children:[t===`columns`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(Lp,{})}),t===`rows`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(a_,{})}),t===`filter`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(i_,{})}),t===`dnd`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)($g,{})}),t===`settings`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(o_,{})}),(0,u.jsx)(`div`,{className:`mun:w-7 mun:border-l mun:border-border`,children:[{value:`columns`,label:`Columns`,icon:bf},{value:`rows`,label:`Rows`,icon:Nf},{value:`filter`,label:`Filter`,icon:wf},{value:`dnd`,label:`Dnd`,icon:Tf},{value:`settings`,label:`Settings`,icon:Ff}].map(({value:e,label:n,icon:i})=>(0,u.jsxs)(X,{variant:`ghost`,size:`sm`,className:Y(`mun:[writing-mode:vertical-rl] mun:rounded-none mun:h-auto mun:w-full mun:hover:bg-background! mun:cursor-pointer`,t===e&&`bg-background`),onClick:()=>r(e),children:[(0,u.jsx)(i,{}),n]},e))})]})},c_=({columns:e,payload:t,state:n,onColumnFiltersChange:r,onPaginationChange:i,onSortingChange:a,onRowSelectionChange:o,isLoading:s,isError:c,setGlobalFilter:l,getRowCanExpand:d,renderSubComponent:f,manualPagination:p,enableRowSelection:m,isFetching:h,refetch:g,height:_=`65vh`,isToolbar:v=!0,isPagination:y=!0,children:b,name:x})=>(0,u.jsx)(Tt,{payload:t,columns:e,state:n,onColumnFiltersChange:r,onRowSelectionChange:o,onPaginationChange:i,onSortingChange:a,isLoading:s,isError:c,setGlobalFilter:l,getRowCanExpand:d,renderSubComponent:f,manualPagination:p,enableRowSelection:m,isFetching:h,refetch:g,name:x,height:_,children:(0,u.jsx)(l_,{isToolbar:v,isPagination:y,children:b})}),l_=({children:e,isToolbar:t,isPagination:n})=>{let{gridWrapperRef:r}=V(),i=(0,l.useRef)(null),[a,o]=(0,l.useState)(0);return(0,l.useLayoutEffect)(()=>{i.current&&o(i.current.getBoundingClientRect().height)},[]),(0,l.useEffect)(()=>{let e=i.current;if(!e)return;let t=()=>{o(e.getBoundingClientRect().height)},n=new ResizeObserver(t);return n.observe(e),document.addEventListener(`fullscreenchange`,t),window.addEventListener(`resize`,t),()=>{n.disconnect(),document.removeEventListener(`fullscreenchange`,t),window.removeEventListener(`resize`,t)}},[]),(0,u.jsxs)(`div`,{ref:r,children:[e,(0,u.jsx)(`div`,{className:`mun:relative`,children:(0,u.jsxs)(`div`,{className:`mun:space-y-2`,children:[(0,u.jsxs)(`div`,{className:`mun:flex mun:items-start mun:bg-muted mun:rounded-md mun:overflow-hidden mun:border mun:border-border mun:w-full`,children:[(0,u.jsx)(bp,{}),(0,u.jsx)(`div`,{className:`mun:overflow-hidden mun:flex-1`,ref:i,children:(0,u.jsx)(Pp,{})}),(0,u.jsx)(Ep,{}),t&&(0,u.jsx)(s_,{height:a})]}),n&&(0,u.jsx)(Rf,{pagination:[20,30,40,50,60,70,80,90,100]})]})})]})},u_=()=>{let[e,t]=l.default.useState([]),[n,r]=l.default.useState({pageIndex:0,pageSize:20}),[i,a]=l.default.useState([]),[o,s]=l.default.useState({}),[c,u]=l.default.useState(``);return{state:{columnFilters:e,globalFilter:c,pagination:n,sorting:i,rowSelection:o},handlers:{onColumnFiltersChange:t,onPaginationChange:r,onSortingChange:a,setGlobalFilter:u,onRowSelectionChange:s},rowSelection:o}},d_=e=>new URLSearchParams(e.flatMap(({id:e,value:t})=>{let n=e.replace(/_/g,`.`);return Array.isArray(t)&&t.length===2?[...t[0]!=null&&t[0]!==``?[[`${n}[gte]`,String(t[0])]]:[],...t[1]!=null&&t[1]!==``?[[`${n}[lte]`,String(t[1])]]:[]]:typeof t==`object`&&t?Object.entries(t).flatMap(([e,t])=>`eq.ne.gt.gte.lt.lte.in.nin.regex.exists.all.size.elemMatch.type.mod.not.and.or.nor.text.where.geoWithin.geoIntersects.near.nearSphere.expr.jsonSchema.bitsAllClear.bitsAllSet.bitsAnyClear.bitsAnySet.rand`.split(`.`).includes(e)&&t!=null&&t!==``?[[`${n}[${e}]`,String(t)]]:[]):t!=null&&t!==``?[[n,String(t)]]:[]})).toString();function f_(e){if(!e||e.length===0)return``;let t=e.filter(e=>e.id!=null&&e.id.trim()!==``).map(e=>e.desc?e.id:`-${e.id}`);return t.length===0?``:`sort=${t.join(`,`)}`}var p_=e=>(0,l.useMemo)(()=>({pagination:e.pagination,queryParams:d_(e.columnFilters),sort:f_(e.sorting),globalFilter:e.globalFilter}),[e]),m_=`eq.ne.gt.gte.lt.lte.in.nin.regex.exists.all.size.elemMatch.type.mod.not.and.or.nor.text.where.geoWithin.geoIntersects.near.nearSphere.expr.jsonSchema.bitsAllClear.bitsAllSet.bitsAnyClear.bitsAnySet.rand`.split(`.`);function h_(e,t){let{id:n,value:r}=t,i=n.replace(/_/g,`.`);if(Array.isArray(r)&&r.length===2){r[0]!=null&&r[0]!==``&&e.set(`${i}[gte]`,String(r[0])),r[1]!=null&&r[1]!==``&&e.set(`${i}[lte]`,String(r[1]));return}if(typeof r==`object`&&r){Object.entries(r).forEach(([t,n])=>{m_.includes(t)&&n!=null&&n!==``&&e.set(`${i}[${t}]`,String(n))});return}r!=null&&r!==``&&e.set(i,String(r))}function g_(e){let t=new URLSearchParams;if(t.set(`page`,String(e.pagination.pageIndex+1)),t.set(`limit`,String(e.pagination.pageSize)),e.columnFilters.forEach(e=>{h_(t,e)}),e.sorting.length>0){let n=e.sorting.map(e=>e.desc?`-${e.id}`:e.id).join(`,`);t.set(`sort`,n)}return e.globalFilter&&t.set(`q`,e.globalFilter),`?${t.toString()}`}exports.Grid=c_,exports.URLSearch=g_,exports.useGrid=V,exports.useGridState=u_,exports.useQueryArgs=p_;
+  mun:dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500`,children:e.getHeaderGroups().map(e=>(0,u.jsx)(l.default.Fragment,{children:e.headers.filter(e=>![`rowNumber`].includes(e.column.id)).map(e=>(0,u.jsx)(r_,{column:e.column},e.id))},e.id))}),(0,u.jsx)(`div`,{className:`mun:px-1.5`,children:(0,u.jsxs)(X,{onClick:()=>e.setColumnFilters([]),variant:`outline`,size:`xs`,children:[(0,u.jsx)(Ef,{}),`Reset Filters`]})})]})},a_=()=>{let{table:e,density:t}=V();return(0,u.jsxs)(`div`,{className:`mun:flex mun:flex-col mun:gap-1.5 mun:h-full mun:py-1.5`,children:[(0,u.jsx)(`div`,{className:`mun:flex mun:items-center mun:justify-between mun:px-1.5 mun:pb-2.5 mun:border-b mun:border-border`,children:(0,u.jsx)(`h1`,{className:`mun:text-sm mun:font-bold`,children:`Rows`})}),(0,u.jsxs)(`div`,{className:`mun:space-y-2 mun:px-1.5 mun:flex-1`,children:[(0,u.jsx)(Ip,{children:`Row Density`}),(0,u.jsxs)(`div`,{className:`mun:flex mun:items-center mun:gap-1.5 mun:flex-wrap`,children:[(0,u.jsx)(X,{variant:t===`sm`?`default`:`outline`,onClick:()=>e.setDensity(`sm`),size:`sm`,children:`Small`}),(0,u.jsx)(X,{variant:t===`md`?`default`:`outline`,onClick:()=>e.setDensity(`md`),size:`sm`,children:`Default`}),(0,u.jsx)(X,{variant:t===`lg`?`default`:`outline`,onClick:()=>e.setDensity(`lg`),size:`sm`,children:`Large`})]})]}),(0,u.jsx)(`div`,{className:`mun:px-1.5`,children:(0,u.jsx)(X,{onClick:()=>e.resetRowPinning(),variant:`outline`,size:`xs`,children:`Reset Row Pining`})})]})},o_=()=>{let{table:e,setIsSplit:t,gridWrapperRef:n,isFetching:r,refetch:i}=V(),[a,o]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let e=()=>{o(document.fullscreenElement===n.current)};return document.addEventListener(`fullscreenchange`,e),()=>document.removeEventListener(`fullscreenchange`,e)},[n]),(0,u.jsxs)(`div`,{className:`mun:flex mun:flex-col mun:gap-1.5 mun:h-full mun:py-1.5`,children:[(0,u.jsx)(`div`,{className:`mun:flex mun:items-center mun:justify-between mun:px-1.5 mun:pb-2.5 mun:border-b mun:border-border`,children:(0,u.jsx)(`h1`,{className:`mun:text-sm mun:font-bold`,children:`Settings`})}),(0,u.jsxs)(`div`,{className:`mun:px-1.5 mun:flex mun:flex-col mun:gap-2`,children:[(0,u.jsx)(X,{onClick:()=>{n.current&&(document.fullscreenElement?document.exitFullscreen():n.current.requestFullscreen())},children:a?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(kf,{className:`mun:mr-2 mun:h-4 mun:w-4`}),`Exit Fullscreen`]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Of,{className:`mun:mr-2 mun:h-4 mun:w-4`}),`Fullscreen`]})}),(0,u.jsxs)(X,{onClick:()=>i?.(),disabled:r,children:[(0,u.jsx)(Mf,{className:Y(r&&`mun:animate-spin`)}),r?`Refreshing...`:`Refresh Data`]}),(0,u.jsx)(X,{onClick:()=>{window.confirm(`Are you sure you want to reset all settings to default?`)&&(e.setColumnPinning({}),e.resetRowPinning(),e.setColumnVisibility({}),e.setColumnOrder(e.getAllLeafColumns().map(e=>e.id)),e.setColumnSizing({}),e.setDensity(`md`),t(!1),window.alert(`Settings have been reset to default.`))},children:`Reset to Default`})]})]})},s_=({height:e})=>{let[t,n]=(0,l.useState)(null),r=e=>{n(t===e?null:e)};return(0,u.jsxs)(`div`,{className:`mun:bg-muted mun:overflow-hidden mun:flex`,style:{height:e},children:[t===`columns`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(Lp,{})}),t===`rows`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(a_,{})}),t===`filter`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(i_,{})}),t===`dnd`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)($g,{})}),t===`settings`&&(0,u.jsx)(`div`,{className:`mun:w-52 mun:border-l mun:border-border mun:transition-all mun:h-full`,children:(0,u.jsx)(o_,{})}),(0,u.jsx)(`div`,{className:`mun:w-7 mun:border-l mun:border-border`,children:[{value:`columns`,label:`Columns`,icon:bf},{value:`rows`,label:`Rows`,icon:Nf},{value:`filter`,label:`Filter`,icon:wf},{value:`dnd`,label:`Dnd`,icon:Tf},{value:`settings`,label:`Settings`,icon:Ff}].map(({value:e,label:n,icon:i})=>(0,u.jsxs)(X,{variant:`ghost`,size:`sm`,className:Y(`mun:[writing-mode:vertical-rl] mun:rounded-none mun:h-auto mun:w-full mun:hover:bg-background! mun:cursor-pointer`,t===e&&`bg-background`),onClick:()=>r(e),children:[(0,u.jsx)(i,{}),n]},e))})]})},c_=({columns:e,payload:t,state:n,onColumnFiltersChange:r,onPaginationChange:i,onSortingChange:a,onRowSelectionChange:o,isLoading:s,isError:c,setGlobalFilter:l,getRowCanExpand:d,renderSubComponent:f,manualPagination:p,enableRowSelection:m,isFetching:h,refetch:g,height:_=`65vh`,isToolbar:v=!0,isPagination:y=!0,children:b,name:x})=>(0,u.jsx)(Tt,{payload:t,columns:e,state:n,onColumnFiltersChange:r,onRowSelectionChange:o,onPaginationChange:i,onSortingChange:a,isLoading:s,isError:c,setGlobalFilter:l,getRowCanExpand:d,renderSubComponent:f,manualPagination:p,enableRowSelection:m,isFetching:h,refetch:g,name:x,height:_,children:(0,u.jsx)(l_,{isToolbar:v,isPagination:y,children:b})}),l_=({children:e,isToolbar:t,isPagination:n})=>{let{gridWrapperRef:r}=V(),i=(0,l.useRef)(null),[a,o]=(0,l.useState)(0);return(0,l.useLayoutEffect)(()=>{i.current&&o(i.current.getBoundingClientRect().height)},[]),(0,l.useEffect)(()=>{let e=i.current;if(!e)return;let t=()=>{o(e.getBoundingClientRect().height)},n=new ResizeObserver(t);return n.observe(e),document.addEventListener(`fullscreenchange`,t),window.addEventListener(`resize`,t),()=>{n.disconnect(),document.removeEventListener(`fullscreenchange`,t),window.removeEventListener(`resize`,t)}},[]),(0,u.jsxs)(`div`,{ref:r,children:[e,(0,u.jsx)(`div`,{className:`mun:relative`,children:(0,u.jsxs)(`div`,{className:`mun:space-y-2`,children:[(0,u.jsxs)(`div`,{className:`mun:flex mun:items-start mun:bg-muted mun:rounded-md mun:overflow-hidden mun:border mun:border-border mun:w-full`,children:[(0,u.jsx)(bp,{}),(0,u.jsx)(`div`,{className:`mun:overflow-hidden mun:flex-1`,ref:i,children:(0,u.jsx)(Pp,{})}),(0,u.jsx)(Ep,{}),t&&(0,u.jsx)(s_,{height:a})]}),n&&(0,u.jsx)(Rf,{pagination:[20,30,40,50,60,70,80,90,100]})]})})]})},u_=()=>{let[e,t]=l.default.useState([]),[n,r]=l.default.useState({pageIndex:0,pageSize:20}),[i,a]=l.default.useState([]),[o,s]=l.default.useState({}),[c,u]=l.default.useState(``);return{state:{columnFilters:e,globalFilter:c,pagination:n,sorting:i,rowSelection:o},handlers:{onColumnFiltersChange:t,onPaginationChange:r,onSortingChange:a,setGlobalFilter:u,onRowSelectionChange:s},rowSelection:o}},d_=e=>new URLSearchParams(e.flatMap(({id:e,value:t})=>{let n=e.replace(/_/g,`.`);return Array.isArray(t)&&t.length===2?[...t[0]!=null&&t[0]!==``?[[`${n}[gte]`,String(t[0])]]:[],...t[1]!=null&&t[1]!==``?[[`${n}[lte]`,String(t[1])]]:[]]:typeof t==`object`&&t?Object.entries(t).flatMap(([e,t])=>`eq.ne.gt.gte.lt.lte.in.nin.regex.exists.all.size.elemMatch.type.mod.not.and.or.nor.text.where.geoWithin.geoIntersects.near.nearSphere.expr.jsonSchema.bitsAllClear.bitsAllSet.bitsAnyClear.bitsAnySet.rand`.split(`.`).includes(e)&&t!=null&&t!==``?[[`${n}[${e}]`,String(t)]]:[]):t!=null&&t!==``?[[n,String(t)]]:[]})).toString();function f_(e){if(!e||e.length===0)return``;let t=e.filter(e=>e.id!=null&&e.id.trim()!==``).map(e=>e.desc?e.id:`-${e.id}`);return t.length===0?``:`sort=${t.join(`,`)}`}var p_=e=>(0,l.useMemo)(()=>({pagination:e.pagination,queryParams:d_(e.columnFilters),sort:f_(e.sorting),globalFilter:e.globalFilter}),[e]),m_=`eq.ne.gt.gte.lt.lte.in.nin.regex.exists.all.size.elemMatch.type.mod.not.and.or.nor.text.where.geoWithin.geoIntersects.near.nearSphere.expr.jsonSchema.bitsAllClear.bitsAllSet.bitsAnyClear.bitsAnySet.rand`.split(`.`);function h_(e,t){let{id:n,value:r}=t,i=n.replace(/_/g,`.`);if(Array.isArray(r)&&r.length===2){r[0]!=null&&r[0]!==``&&e.set(`${i}[gte]`,String(r[0])),r[1]!=null&&r[1]!==``&&e.set(`${i}[lte]`,String(r[1]));return}if(typeof r==`object`&&r){Object.entries(r).forEach(([t,n])=>{m_.includes(t)&&n!=null&&n!==``&&e.set(`${i}[${t}]`,String(n))});return}r!=null&&r!==``&&e.set(i,String(r))}function g_(e){let t=new URLSearchParams;if(t.set(`page`,String(e.pagination.pageIndex+1)),t.set(`limit`,String(e.pagination.pageSize)),e.columnFilters.forEach(e=>{h_(t,e)}),e.sorting.length>0){let n=e.sorting.map(e=>e.desc?`-${e.id}`:e.id).join(`,`);t.set(`sort`,n)}return e.globalFilter&&t.set(`q`,e.globalFilter),`?${t.toString()}`}exports.Grid=c_,exports.URLSearch=g_,exports.useGrid=V,exports.useGridState=u_,exports.useQueryArgs=p_;

package/dist/index.js

@@ -10909,27 +10909,29 @@ var u_ = ({ column: e }) => {
 			}),
 			/* @__PURE__ */ g("div", {
 				className: "mun:space-y-2 mun:px-1.5 mun:flex-1",
-				children: [
-					/* @__PURE__ */ h(Wp, { children: "Row Density" }),
-					/* @__PURE__ */ h(Z, {
-						variant: t === "sm" ? "default" : "outline",
-						onClick: () => e.setDensity("sm"),
-						size: "sm",
-						children: "Small"
-					}),
-					/* @__PURE__ */ h(Z, {
-						variant: t === "md" ? "default" : "outline",
-						onClick: () => e.setDensity("md"),
-						size: "sm",
-						children: "Default"
-					}),
-					/* @__PURE__ */ h(Z, {
-						variant: t === "lg" ? "default" : "outline",
-						onClick: () => e.setDensity("lg"),
-						size: "sm",
-						children: "Large"
-					})
-				]
+				children: [/* @__PURE__ */ h(Wp, { children: "Row Density" }), /* @__PURE__ */ g("div", {
+					className: "mun:flex mun:items-center mun:gap-1.5 mun:flex-wrap",
+					children: [
+						/* @__PURE__ */ h(Z, {
+							variant: t === "sm" ? "default" : "outline",
+							onClick: () => e.setDensity("sm"),
+							size: "sm",
+							children: "Small"
+						}),
+						/* @__PURE__ */ h(Z, {
+							variant: t === "md" ? "default" : "outline",
+							onClick: () => e.setDensity("md"),
+							size: "sm",
+							children: "Default"
+						}),
+						/* @__PURE__ */ h(Z, {
+							variant: t === "lg" ? "default" : "outline",
+							onClick: () => e.setDensity("lg"),
+							size: "sm",
+							children: "Large"
+						})
+					]
+				})]
 			}),
 			/* @__PURE__ */ h("div", {
 				className: "mun:px-1.5",

package/package.json

@@ -1,63 +1,63 @@
-{
-  "name": "munza-x-data-grid",
-  "private": false,
-  "version": "3.0.3",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./style.css": "./dist/index.css"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "peerDependencies": {
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.29.7",
-    "@eslint/js": "^10.0.1",
-    "@fontsource-variable/geist": "^5.2.9",
-    "@rolldown/plugin-babel": "^0.2.3",
-    "@tailwindcss/vite": "^4.3.2",
-    "@types/babel__core": "^7.20.5",
-    "@types/node": "^24.13.2",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.3",
-    "babel-plugin-react-compiler": "^1.0.0",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "eslint": "^10.6.0",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.3",
-    "globals": "^17.7.0",
-    "lucide-react": "^1.24.0",
-    "radix-ui": "^1.6.2",
-    "shadcn": "^4.13.0",
-    "tailwind-merge": "^3.6.0",
-    "tailwindcss": "^4.3.2",
-    "typescript": "~6.0.2",
-    "typescript-eslint": "^8.62.0",
-    "vite": "^8.1.1",
-    "vite-plugin-dts": "^5.0.3"
-  },
-  "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",
-    "@tanstack/react-table": "^8.21.3"
-  }
-}
+{
+  "name": "munza-x-data-grid",
+  "private": false,
+  "version": "3.0.5",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/index.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.7",
+    "@eslint/js": "^10.0.1",
+    "@fontsource-variable/geist": "^5.2.9",
+    "@rolldown/plugin-babel": "^0.2.3",
+    "@tailwindcss/vite": "^4.3.2",
+    "@types/babel__core": "^7.20.5",
+    "@types/node": "^24.13.2",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.3",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "eslint": "^10.6.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.3",
+    "globals": "^17.7.0",
+    "lucide-react": "^1.24.0",
+    "radix-ui": "^1.6.2",
+    "shadcn": "^4.13.0",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4.3.2",
+    "typescript": "~6.0.2",
+    "typescript-eslint": "^8.62.0",
+    "vite": "^8.1.1",
+    "vite-plugin-dts": "^5.0.3"
+  },
+  "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",
+    "@tanstack/react-table": "^8.21.3"
+  }
+}