munza-x-data-grid 3.0.2 → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -57,4 +57,4 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
57
57
  mun:[&::-webkit-scrollbar-track]:bg-stone-100\r
58
58
  mun:[&::-webkit-scrollbar-thumb]:bg-stone-300\r
59
59
  mun:dark:[&::-webkit-scrollbar-track]:bg-neutral-700\r
60
- 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:hidden mun:sm: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_;
60
+ 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_;
package/dist/index.css CHANGED
@@ -1,7 +1,7 @@
1
- @layer theme{:host,:root{--mun-color-red-500:oklch(63.7% 0.237 25.331);--mun-color-red-600:oklch(57.7% 0.245 27.325);--mun-color-blue-500:oklch(62.3% 0.214 259.815);--mun-color-neutral-500:oklch(55.6% 0 0);--mun-color-neutral-700:oklch(37.1% 0 0);--mun-color-stone-100:oklch(97% 0.001 106.424);--mun-color-stone-300:oklch(86.9% 0.005 56.366);--mun-color-black:#000;--mun-spacing:0.25rem;--mun-container-sm:24rem;--mun-container-md:28rem;--mun-text-xs:0.75rem;--mun-text-xs--line-height:calc(1 / 0.75);--mun-text-sm:0.875rem;--mun-text-sm--line-height:calc(1.25 / 0.875);--mun-text-base:1rem;--mun-text-base--line-height:calc(1.5 / 1);--mun-text-2xl:1.5rem;--mun-text-2xl--line-height:calc(2 / 1.5);--mun-font-weight-medium:500;--mun-font-weight-semibold:600;--mun-font-weight-bold:700;--mun-tracking-tight:-0.025em;--mun-tracking-widest:0.1em;--mun-leading-relaxed:1.625;--mun-animate-spin:spin 1s linear infinite;--mun-animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--mun-default-transition-duration:0.15s;--mun-default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--mun-default-font-family:var(--font-sans);--mun-default-mono-font-family:var(--font-geist-mono)}}@layer utilities{.mun\:data-\[state\=closed\]\:overflow-hidden[data-state=closed],.mun\:overflow-hidden,.mun\:truncate{overflow:hidden}.mun\:truncate,.mun\:whitespace-nowrap{white-space:nowrap}.mun\:transition-all,.mun\:transition-colors{transition-timing-function:var(--tw-ease,var(--mun-default-transition-timing-function));transition-duration:var(
1
+ @layer theme{:host,:root{--mun-color-red-500:oklch(63.7% 0.237 25.331);--mun-color-red-600:oklch(57.7% 0.245 27.325);--mun-color-blue-500:oklch(62.3% 0.214 259.815);--mun-color-neutral-500:oklch(55.6% 0 0);--mun-color-neutral-700:oklch(37.1% 0 0);--mun-color-stone-100:oklch(97% 0.001 106.424);--mun-color-stone-300:oklch(86.9% 0.005 56.366);--mun-color-black:#000;--mun-spacing:0.25rem;--mun-container-sm:24rem;--mun-container-md:28rem;--mun-text-xs:0.75rem;--mun-text-xs--line-height:calc(1 / 0.75);--mun-text-sm:0.875rem;--mun-text-sm--line-height:calc(1.25 / 0.875);--mun-text-base:1rem;--mun-text-base--line-height:calc(1.5 / 1);--mun-text-2xl:1.5rem;--mun-text-2xl--line-height:calc(2 / 1.5);--mun-font-weight-medium:500;--mun-font-weight-semibold:600;--mun-font-weight-bold:700;--mun-tracking-tight:-0.025em;--mun-tracking-widest:0.1em;--mun-leading-relaxed:1.625;--mun-animate-spin:spin 1s linear infinite;--mun-animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--mun-default-transition-duration:0.15s;--mun-default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}}@layer utilities{.mun\:data-\[state\=closed\]\:overflow-hidden[data-state=closed],.mun\:overflow-hidden,.mun\:truncate{overflow:hidden}.mun\:truncate,.mun\:whitespace-nowrap{white-space:nowrap}.mun\:transition-all,.mun\:transition-colors{transition-timing-function:var(--tw-ease,var(--mun-default-transition-timing-function));transition-duration:var(
2
2
  --tw-duration,
3
3
  var(--mun-default-transition-duration)
4
- )}.mun\:-translate-x-1\/2,.mun\:-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.mun\:aria-invalid\:ring-3[aria-invalid=true],.mun\:ring-1,.mun\:shadow-lg,.mun\:shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mun\:\[\&_svg\]\:pointer-events-none svg,.mun\:disabled\:pointer-events-none:disabled,.mun\:pointer-events-none{pointer-events:none}.mun\:invisible{visibility:hidden}.mun\:absolute{position:absolute}.mun\:relative{position:relative}.mun\:top-0{top:0}.mun\:top-1\/2{top:50%}.mun\:right-0{right:0}.mun\:right-2{right:calc(var(--mun-spacing) * 2)}.mun\:right-2\.5{right:calc(var(--mun-spacing) * 2.5)}.mun\:left-1\/2{left:50%}.mun\:z-50{z-index:50}.mun\:container,.mun\:w-full{width:100%}@media (width>=40rem){.mun\:container{max-width:40rem}.mun\:sm\:flex{display:flex}}@media (width>=48rem){.mun\:container{max-width:48rem}.mun\:md\:text-sm{font-size:var(--mun-text-sm);line-height:var(--tw-leading, var(--mun-text-sm--line-height))}}@media (width>=64rem){.mun\:container{max-width:64rem}}@media (width>=80rem){.mun\:container{max-width:80rem}}@media (width>=96rem){.mun\:container{max-width:96rem}}.mun\:-mx-1{margin-inline:calc(var(--mun-spacing) * -1)}.mun\:my-1{margin-block:var(--mun-spacing)}.mun\:mt-4{margin-top:calc(var(--mun-spacing) * 4)}.mun\:mr-2{margin-right:calc(var(--mun-spacing) * 2)}.mun\:mb-2{margin-bottom:calc(var(--mun-spacing) * 2)}.mun\:mb-3{margin-bottom:calc(var(--mun-spacing) * 3)}.mun\:mb-6{margin-bottom:calc(var(--mun-spacing) * 6)}.mun\:ml-auto{margin-left:auto}.mun\:flex{display:flex}.mun\:grid{display:grid}.mun\:hidden{display:none}.mun\:inline-flex{display:inline-flex}.mun\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]),.mun\:size-4{width:calc(var(--mun-spacing) * 4);height:calc(var(--mun-spacing) * 4)}.mun\:size-6{width:calc(var(--mun-spacing) * 6);height:calc(var(--mun-spacing) * 6)}.mun\:size-7{width:calc(var(--mun-spacing) * 7);height:calc(var(--mun-spacing) * 7)}.mun\:size-8{width:calc(var(--mun-spacing) * 8);height:calc(var(--mun-spacing) * 8)}.mun\:size-9{width:calc(var(--mun-spacing) * 9);height:calc(var(--mun-spacing) * 9)}.mun\:h-4{height:calc(var(--mun-spacing) * 4)}.mun\:h-6{height:calc(var(--mun-spacing) * 6)}.mun\:data-\[size\=sm\]\:h-7[data-size=sm],.mun\:h-7{height:calc(var(--mun-spacing) * 7)}.mun\:h-8{height:calc(var(--mun-spacing) * 8)}.mun\:h-9{height:calc(var(--mun-spacing) * 9)}.mun\:h-10{height:calc(var(--mun-spacing) * 10)}.mun\:h-auto{height:auto}.mun\:h-full{height:100%}.mun\:h-px{height:1px}.mun\:max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.mun\:w-\(--radix-dropdown-menu-trigger-width\){width:var(--radix-dropdown-menu-trigger-width)}.mun\:w-1\.25{width:calc(var(--mun-spacing) * 1.25)}.mun\:w-4{width:calc(var(--mun-spacing) * 4)}.mun\:w-7{width:calc(var(--mun-spacing) * 7)}.mun\:w-16{width:calc(var(--mun-spacing) * 16)}.mun\:w-52{width:calc(var(--mun-spacing) * 52)}.mun\:w-fit{width:fit-content}.mun\:max-w-80{max-width:calc(var(--mun-spacing) * 80)}.mun\:max-w-md{max-width:var(--mun-container-md)}.mun\:max-w-sm{max-width:var(--mun-container-sm)}.mun\:min-w-0{min-width:0}.mun\:min-w-32{min-width:calc(var(--mun-spacing) * 32)}.mun\:min-w-\[96px\]{min-width:96px}.mun\:flex-1{flex:1}.mun\:\[\&_svg\]\:shrink-0 svg,.mun\:shrink-0{flex-shrink:0}.mun\:caption-bottom{caption-side:bottom}.mun\:origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.mun\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)}.mun\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)}.mun\:-rotate-45{rotate:-45deg}.mun\:rotate-45{rotate:45deg}.mun\:animate-pulse{animation:var(--mun-animate-pulse)}.mun\:animate-spin{animation:var(--mun-animate-spin)}.mun\:cursor-col-resize{cursor:col-resize}.mun\:cursor-default{cursor:default}.mun\:cursor-grab{cursor:grab}.mun\:cursor-pointer{cursor:pointer}.mun\:touch-none{touch-action:none}.mun\:\[scrollbar-color\:transparent_transparent\]{scrollbar-color:transparent transparent}.mun\:appearance-none{appearance:none}.mun\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mun\:flex-col{flex-direction:column}.mun\:flex-wrap{flex-wrap:wrap}.mun\:place-content-center{place-content:center}.mun\:items-center{align-items:center}.mun\:items-start{align-items:flex-start}.mun\:justify-between{justify-content:space-between}.mun\:justify-center{justify-content:center}.mun\:gap-1{gap:var(--mun-spacing)}.mun\:gap-1\.5{gap:calc(var(--mun-spacing) * 1.5)}.mun\:gap-2{gap:calc(var(--mun-spacing) * 2)}.mun\:gap-2\.5{gap:calc(var(--mun-spacing) * 2.5)}.mun\:gap-3{gap:calc(var(--mun-spacing) * 3)}.mun\:gap-4{gap:calc(var(--mun-spacing) * 4)}:where(.mun\:space-y-2 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--mun-spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--mun-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.mun\:truncate{text-overflow:ellipsis}.mun\:overflow-scroll{overflow:scroll}.mun\:overflow-x-hidden{overflow-x:hidden}.mun\:overflow-y-auto{overflow-y:auto}.mun\:overflow-y-scroll{overflow-y:scroll}.mun\:rounded{border-radius:.25rem}.mun\:rounded-\[4px\]{border-radius:4px}.mun\:data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm],.mun\:rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.mun\:rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.mun\:rounded-lg{border-radius:var(--radius)}.mun\:rounded-md{border-radius:calc(var(--radius) * .8)}.mun\:rounded-none{border-radius:0}.mun\:rounded-xl{border-radius:calc(var(--radius) * 1.4)}.mun\:border{border-style:var(--tw-border-style);border-width:1px}.mun\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.mun\:\[\&_tr\]\:border-b tr,.mun\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.mun\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.mun\:border-dashed{--tw-border-style:dashed;border-style:dashed}.mun\:border-border{border-color:var(--border)}.mun\:border-input{border-color:var(--input)}.mun\:border-transparent{border-color:#0000}.mun\:bg-\[Canvas\]{background-color:canvas}.mun\:bg-background{background-color:var(--background)}.mun\:bg-black\/50{background-color:var(--mun-color-black)}.mun\:bg-blue-500{background-color:var(--mun-color-blue-500)}.mun\:bg-border{background-color:var(--border)}.mun\:bg-destructive\/10,.mun\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}.mun\:bg-muted,.mun\:bg-muted\/50{background-color:var(--muted)}.mun\:bg-popover{background-color:var(--popover)}.mun\:bg-primary{background-color:var(--primary)}.mun\:aria-expanded\:bg-secondary[aria-expanded=true],.mun\:bg-secondary{background-color:var(--secondary)}.mun\:bg-transparent{background-color:#0000}.mun\:bg-clip-padding{background-clip:padding-box}.mun\:p-0{padding:0}.mun\:p-1{padding:var(--mun-spacing)}.mun\:p-1\.5{padding:calc(var(--mun-spacing) * 1.5)}.mun\:p-2{padding:calc(var(--mun-spacing) * 2)}.mun\:p-6{padding:calc(var(--mun-spacing) * 6)}.mun\:p-10{padding:calc(var(--mun-spacing) * 10)}.mun\:px-1\.5{padding-inline:calc(var(--mun-spacing) * 1.5)}.mun\:px-2{padding-inline:calc(var(--mun-spacing) * 2)}.mun\:px-2\.5{padding-inline:calc(var(--mun-spacing) * 2.5)}.mun\:py-1{padding-block:var(--mun-spacing)}.mun\:py-1\.5{padding-block:calc(var(--mun-spacing) * 1.5)}.mun\:py-4{padding-block:calc(var(--mun-spacing) * 4)}.mun\:pr-0{padding-right:0}.mun\:pr-8{padding-right:calc(var(--mun-spacing) * 8)}.mun\:pb-1\.5{padding-bottom:calc(var(--mun-spacing) * 1.5)}.mun\:pb-2\.5{padding-bottom:calc(var(--mun-spacing) * 2.5)}.mun\:pl-1\.5{padding-left:calc(var(--mun-spacing) * 1.5)}.mun\:pl-2\.5{padding-left:calc(var(--mun-spacing) * 2.5)}.mun\:text-center{text-align:center}.mun\:text-left{text-align:left}.mun\:align-middle{vertical-align:middle}.mun\:font-heading{font-family:var(--font-sans)}.mun\:text-2xl{font-size:var(--mun-text-2xl);line-height:var(--tw-leading, var(--mun-text-2xl--line-height))}.mun\:text-base{font-size:var(--mun-text-base);line-height:var(--tw-leading, var(--mun-text-base--line-height))}.mun\:text-sm{font-size:var(--mun-text-sm);line-height:var(--tw-leading, var(--mun-text-sm--line-height))}.mun\:text-sm\/relaxed{font-size:var(--mun-text-sm);line-height:var(--mun-leading-relaxed)}.mun\:text-xs{font-size:var(--mun-text-xs);line-height:var(--tw-leading, var(--mun-text-xs--line-height))}.mun\:text-\[0\.8rem\]{font-size:.8rem}.mun\:leading-none{--tw-leading:1;line-height:1}.mun\:font-bold{--tw-font-weight:var(--mun-font-weight-bold);font-weight:var(--mun-font-weight-bold)}.mun\:font-medium{--tw-font-weight:var(--mun-font-weight-medium);font-weight:var(--mun-font-weight-medium)}.mun\:font-semibold{--tw-font-weight:var(--mun-font-weight-semibold);font-weight:var(--mun-font-weight-semibold)}.mun\:tracking-tight{--tw-tracking:var(--mun-tracking-tight);letter-spacing:var(--mun-tracking-tight)}.mun\:tracking-widest{--tw-tracking:var(--mun-tracking-widest);letter-spacing:var(--mun-tracking-widest)}.mun\:text-balance{text-wrap:balance}.mun\:text-\[CanvasText\]{color:canvastext}.mun\:text-current{color:currentColor}.mun\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus,.mun\:data-\[variant\=destructive\]\:text-destructive[data-variant=destructive],.mun\:text-destructive{color:var(--destructive)}.mun\:text-foreground{color:var(--foreground)}.mun\:text-muted-foreground{color:var(--muted-foreground)}.mun\:text-popover-foreground{color:var(--popover-foreground)}.mun\:\[\&\>a\:hover\]\:text-primary>a:hover,.mun\:text-primary{color:var(--primary)}.mun\:text-primary-foreground{color:var(--primary-foreground)}.mun\:text-red-500{color:var(--mun-color-red-500)}.mun\:text-red-600{color:var(--mun-color-red-600)}.mun\:aria-expanded\:text-secondary-foreground[aria-expanded=true],.mun\:text-secondary-foreground{color:var(--secondary-foreground)}.mun\:\[\&\>a\]\:underline-offset-4>a,.mun\:underline-offset-4{text-underline-offset:4px}.mun\:opacity-0{opacity:0}.mun\:opacity-100{opacity:1}.mun\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a),0 4px 6px -4px var(--tw-shadow-color, #0000001a)}.mun\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color, #0000001a),0 2px 4px -2px var(--tw-shadow-color, #0000001a)}.mun\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}.mun\:ring-foreground\/10{--tw-ring-color:var(--foreground)}.mun\:outline-hidden,.mun\:outline-none{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.mun\:outline-hidden{outline-offset:2px;outline:#0000 solid 2px}}.mun\:transition-all{transition-property:all}.mun\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to}.mun\:transition-none{transition-property:none}.mun\:duration-100{--tw-duration:0.1s;transition-duration:.1s}.mun\:select-none{-webkit-user-select:none;user-select:none}.mun\:\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}:is(.mun\:\*\:border-r > *){border-right-style:var(--tw-border-style);border-right-width:1px}:is(.mun\:\*\:border-border > *){border-color:var(--border)}.mun\:group-focus\/dropdown-menu-item\:text-accent-foreground:is(
4
+ )}.mun\:-translate-x-1\/2,.mun\:-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.mun\:aria-invalid\:ring-3[aria-invalid=true],.mun\:ring-1,.mun\:shadow-lg,.mun\:shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.mun\:\[\&_svg\]\:pointer-events-none svg,.mun\:disabled\:pointer-events-none:disabled,.mun\:pointer-events-none{pointer-events:none}.mun\:invisible{visibility:hidden}.mun\:absolute{position:absolute}.mun\:relative{position:relative}.mun\:top-0{top:0}.mun\:top-1\/2{top:50%}.mun\:right-0{right:0}.mun\:right-2{right:calc(var(--mun-spacing) * 2)}.mun\:right-2\.5{right:calc(var(--mun-spacing) * 2.5)}.mun\:left-1\/2{left:50%}.mun\:z-50{z-index:50}.mun\:container,.mun\:w-full{width:100%}@media (width>=40rem){.mun\:container{max-width:40rem}}@media (width>=48rem){.mun\:container{max-width:48rem}.mun\:md\:text-sm{font-size:var(--mun-text-sm);line-height:var(--tw-leading, var(--mun-text-sm--line-height))}}@media (width>=64rem){.mun\:container{max-width:64rem}}@media (width>=80rem){.mun\:container{max-width:80rem}}@media (width>=96rem){.mun\:container{max-width:96rem}}.mun\:-mx-1{margin-inline:calc(var(--mun-spacing) * -1)}.mun\:my-1{margin-block:var(--mun-spacing)}.mun\:mt-4{margin-top:calc(var(--mun-spacing) * 4)}.mun\:mr-2{margin-right:calc(var(--mun-spacing) * 2)}.mun\:mb-2{margin-bottom:calc(var(--mun-spacing) * 2)}.mun\:mb-3{margin-bottom:calc(var(--mun-spacing) * 3)}.mun\:mb-6{margin-bottom:calc(var(--mun-spacing) * 6)}.mun\:ml-auto{margin-left:auto}.mun\:flex{display:flex}.mun\:grid{display:grid}.mun\:inline-flex{display:inline-flex}.mun\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]),.mun\:size-4{width:calc(var(--mun-spacing) * 4);height:calc(var(--mun-spacing) * 4)}.mun\:size-6{width:calc(var(--mun-spacing) * 6);height:calc(var(--mun-spacing) * 6)}.mun\:size-7{width:calc(var(--mun-spacing) * 7);height:calc(var(--mun-spacing) * 7)}.mun\:size-8{width:calc(var(--mun-spacing) * 8);height:calc(var(--mun-spacing) * 8)}.mun\:size-9{width:calc(var(--mun-spacing) * 9);height:calc(var(--mun-spacing) * 9)}.mun\:h-4{height:calc(var(--mun-spacing) * 4)}.mun\:h-6{height:calc(var(--mun-spacing) * 6)}.mun\:data-\[size\=sm\]\:h-7[data-size=sm],.mun\:h-7{height:calc(var(--mun-spacing) * 7)}.mun\:h-8{height:calc(var(--mun-spacing) * 8)}.mun\:h-9{height:calc(var(--mun-spacing) * 9)}.mun\:h-10{height:calc(var(--mun-spacing) * 10)}.mun\:h-auto{height:auto}.mun\:h-full{height:100%}.mun\:h-px{height:1px}.mun\:max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.mun\:w-\(--radix-dropdown-menu-trigger-width\){width:var(--radix-dropdown-menu-trigger-width)}.mun\:w-1\.25{width:calc(var(--mun-spacing) * 1.25)}.mun\:w-4{width:calc(var(--mun-spacing) * 4)}.mun\:w-7{width:calc(var(--mun-spacing) * 7)}.mun\:w-16{width:calc(var(--mun-spacing) * 16)}.mun\:w-52{width:calc(var(--mun-spacing) * 52)}.mun\:w-fit{width:fit-content}.mun\:max-w-80{max-width:calc(var(--mun-spacing) * 80)}.mun\:max-w-md{max-width:var(--mun-container-md)}.mun\:max-w-sm{max-width:var(--mun-container-sm)}.mun\:min-w-0{min-width:0}.mun\:min-w-32{min-width:calc(var(--mun-spacing) * 32)}.mun\:min-w-\[96px\]{min-width:96px}.mun\:flex-1{flex:1}.mun\:\[\&_svg\]\:shrink-0 svg,.mun\:shrink-0{flex-shrink:0}.mun\:caption-bottom{caption-side:bottom}.mun\:origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.mun\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)}.mun\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)}.mun\:-rotate-45{rotate:-45deg}.mun\:rotate-45{rotate:45deg}.mun\:animate-pulse{animation:var(--mun-animate-pulse)}.mun\:animate-spin{animation:var(--mun-animate-spin)}.mun\:cursor-col-resize{cursor:col-resize}.mun\:cursor-default{cursor:default}.mun\:cursor-grab{cursor:grab}.mun\:cursor-pointer{cursor:pointer}.mun\:touch-none{touch-action:none}.mun\:\[scrollbar-color\:transparent_transparent\]{scrollbar-color:transparent transparent}.mun\:appearance-none{appearance:none}.mun\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mun\:flex-col{flex-direction:column}.mun\:flex-wrap{flex-wrap:wrap}.mun\:place-content-center{place-content:center}.mun\:items-center{align-items:center}.mun\:items-start{align-items:flex-start}.mun\:justify-between{justify-content:space-between}.mun\:justify-center{justify-content:center}.mun\:gap-1{gap:var(--mun-spacing)}.mun\:gap-1\.5{gap:calc(var(--mun-spacing) * 1.5)}.mun\:gap-2{gap:calc(var(--mun-spacing) * 2)}.mun\:gap-2\.5{gap:calc(var(--mun-spacing) * 2.5)}.mun\:gap-3{gap:calc(var(--mun-spacing) * 3)}.mun\:gap-4{gap:calc(var(--mun-spacing) * 4)}:where(.mun\:space-y-2 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--mun-spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--mun-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.mun\:truncate{text-overflow:ellipsis}.mun\:overflow-scroll{overflow:scroll}.mun\:overflow-x-hidden{overflow-x:hidden}.mun\:overflow-y-auto{overflow-y:auto}.mun\:overflow-y-scroll{overflow-y:scroll}.mun\:rounded{border-radius:.25rem}.mun\:rounded-\[4px\]{border-radius:4px}.mun\:data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm],.mun\:rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.mun\:rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.mun\:rounded-lg{border-radius:var(--radius)}.mun\:rounded-md{border-radius:calc(var(--radius) * .8)}.mun\:rounded-none{border-radius:0}.mun\:rounded-xl{border-radius:calc(var(--radius) * 1.4)}.mun\:border{border-style:var(--tw-border-style);border-width:1px}.mun\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.mun\:\[\&_tr\]\:border-b tr,.mun\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.mun\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.mun\:border-dashed{--tw-border-style:dashed;border-style:dashed}.mun\:border-border{border-color:var(--border)}.mun\:border-input{border-color:var(--input)}.mun\:border-transparent{border-color:#0000}.mun\:bg-\[Canvas\]{background-color:canvas}.mun\:bg-background{background-color:var(--background)}.mun\:bg-black\/50{background-color:var(--mun-color-black)}.mun\:bg-blue-500{background-color:var(--mun-color-blue-500)}.mun\:bg-border{background-color:var(--border)}.mun\:bg-destructive\/10,.mun\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}.mun\:bg-muted,.mun\:bg-muted\/50{background-color:var(--muted)}.mun\:bg-popover{background-color:var(--popover)}.mun\:bg-primary{background-color:var(--primary)}.mun\:aria-expanded\:bg-secondary[aria-expanded=true],.mun\:bg-secondary{background-color:var(--secondary)}.mun\:bg-transparent{background-color:#0000}.mun\:bg-clip-padding{background-clip:padding-box}.mun\:p-0{padding:0}.mun\:p-1{padding:var(--mun-spacing)}.mun\:p-1\.5{padding:calc(var(--mun-spacing) * 1.5)}.mun\:p-2{padding:calc(var(--mun-spacing) * 2)}.mun\:p-6{padding:calc(var(--mun-spacing) * 6)}.mun\:p-10{padding:calc(var(--mun-spacing) * 10)}.mun\:px-1\.5{padding-inline:calc(var(--mun-spacing) * 1.5)}.mun\:px-2{padding-inline:calc(var(--mun-spacing) * 2)}.mun\:px-2\.5{padding-inline:calc(var(--mun-spacing) * 2.5)}.mun\:py-1{padding-block:var(--mun-spacing)}.mun\:py-1\.5{padding-block:calc(var(--mun-spacing) * 1.5)}.mun\:py-4{padding-block:calc(var(--mun-spacing) * 4)}.mun\:pr-0{padding-right:0}.mun\:pr-8{padding-right:calc(var(--mun-spacing) * 8)}.mun\:pb-1\.5{padding-bottom:calc(var(--mun-spacing) * 1.5)}.mun\:pb-2\.5{padding-bottom:calc(var(--mun-spacing) * 2.5)}.mun\:pl-1\.5{padding-left:calc(var(--mun-spacing) * 1.5)}.mun\:pl-2\.5{padding-left:calc(var(--mun-spacing) * 2.5)}.mun\:text-center{text-align:center}.mun\:text-left{text-align:left}.mun\:align-middle{vertical-align:middle}.mun\:font-heading{font-family:var(--font-sans)}.mun\:text-2xl{font-size:var(--mun-text-2xl);line-height:var(--tw-leading, var(--mun-text-2xl--line-height))}.mun\:text-base{font-size:var(--mun-text-base);line-height:var(--tw-leading, var(--mun-text-base--line-height))}.mun\:text-sm{font-size:var(--mun-text-sm);line-height:var(--tw-leading, var(--mun-text-sm--line-height))}.mun\:text-sm\/relaxed{font-size:var(--mun-text-sm);line-height:var(--mun-leading-relaxed)}.mun\:text-xs{font-size:var(--mun-text-xs);line-height:var(--tw-leading, var(--mun-text-xs--line-height))}.mun\:text-\[0\.8rem\]{font-size:.8rem}.mun\:leading-none{--tw-leading:1;line-height:1}.mun\:font-bold{--tw-font-weight:var(--mun-font-weight-bold);font-weight:var(--mun-font-weight-bold)}.mun\:font-medium{--tw-font-weight:var(--mun-font-weight-medium);font-weight:var(--mun-font-weight-medium)}.mun\:font-semibold{--tw-font-weight:var(--mun-font-weight-semibold);font-weight:var(--mun-font-weight-semibold)}.mun\:tracking-tight{--tw-tracking:var(--mun-tracking-tight);letter-spacing:var(--mun-tracking-tight)}.mun\:tracking-widest{--tw-tracking:var(--mun-tracking-widest);letter-spacing:var(--mun-tracking-widest)}.mun\:text-balance{text-wrap:balance}.mun\:text-\[CanvasText\]{color:canvastext}.mun\:text-current{color:currentColor}.mun\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus,.mun\:data-\[variant\=destructive\]\:text-destructive[data-variant=destructive],.mun\:text-destructive{color:var(--destructive)}.mun\:text-foreground{color:var(--foreground)}.mun\:text-muted-foreground{color:var(--muted-foreground)}.mun\:text-popover-foreground{color:var(--popover-foreground)}.mun\:\[\&\>a\:hover\]\:text-primary>a:hover,.mun\:text-primary{color:var(--primary)}.mun\:text-primary-foreground{color:var(--primary-foreground)}.mun\:text-red-500{color:var(--mun-color-red-500)}.mun\:text-red-600{color:var(--mun-color-red-600)}.mun\:aria-expanded\:text-secondary-foreground[aria-expanded=true],.mun\:text-secondary-foreground{color:var(--secondary-foreground)}.mun\:\[\&\>a\]\:underline-offset-4>a,.mun\:underline-offset-4{text-underline-offset:4px}.mun\:opacity-0{opacity:0}.mun\:opacity-100{opacity:1}.mun\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a),0 4px 6px -4px var(--tw-shadow-color, #0000001a)}.mun\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color, #0000001a),0 2px 4px -2px var(--tw-shadow-color, #0000001a)}.mun\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}.mun\:ring-foreground\/10{--tw-ring-color:var(--foreground)}.mun\:outline-hidden,.mun\:outline-none{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.mun\:outline-hidden{outline-offset:2px;outline:#0000 solid 2px}}.mun\:transition-all{transition-property:all}.mun\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to}.mun\:transition-none{transition-property:none}.mun\:duration-100{--tw-duration:0.1s;transition-duration:.1s}.mun\:select-none{-webkit-user-select:none;user-select:none}.mun\:\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}:is(.mun\:\*\:border-r > *){border-right-style:var(--tw-border-style);border-right-width:1px}:is(.mun\:\*\:border-border > *){border-color:var(--border)}.mun\:group-focus\/dropdown-menu-item\:text-accent-foreground:is(
5
5
  :where(.mun\:group\/dropdown-menu-item):focus *
6
6
  ){color:var(--accent-foreground)}.mun\:group-has-disabled\/field\:opacity-50:is(
7
7
  :where(.mun\:group\/field):has(:disabled) *
package/dist/index.js CHANGED
@@ -10985,7 +10985,7 @@ var u_ = ({ column: e }) => {
10985
10985
  n(t === e ? null : e);
10986
10986
  };
10987
10987
  return /* @__PURE__ */ g("div", {
10988
- className: "mun:bg-muted mun:overflow-hidden mun:hidden mun:sm:flex",
10988
+ className: "mun:bg-muted mun:overflow-hidden mun:flex",
10989
10989
  style: { height: e },
10990
10990
  children: [
10991
10991
  t === "columns" && /* @__PURE__ */ h("div", {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "munza-x-data-grid",
3
3
  "private": false,
4
- "version": "3.0.2",
4
+ "version": "3.0.3",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"