admin-ui-starter-kit 0.4.2 → 0.4.4

package/dist/showcase/assets/table-CckompuR.js

@@ -0,0 +1,382 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,ei as o,jr as s,t as c}from"./example-CTJ8AdNR.js";import{t as l}from"./arrow-down--phuskCV.js";import{t as u}from"./arrow-up-lWotnmo7.js";import{t as d}from"./calendar-CJDWspzi.js";import{t as f}from"./chevron-left-BsshO7nf.js";import{t as p}from"./chevron-right-t68um2_G.js";import{t as m}from"./chevrons-up-down-ZUo0Do59.js";import{t as h}from"./circle-check-CbiRRw7s.js";import{t as g}from"./circle-x-BT9TJbJC.js";import{t as _}from"./clock-D-3zf0c1.js";import{t as ee}from"./mail-CXVFHkzh.js";import{t as v}from"./shopping-bag-Bt3iK-Bv.js";import{t as y}from"./square-pen-CLyDWdhj.js";import{t as te}from"./trash-2-C9AC7Pcv.js";import{t as ne}from"./truck-Dq6heokm.js";import{a as b,n as x,s as re}from"./index-DaYVSqKu.js";import{t as ie}from"./props-table-C8la6vcG.js";import{c as ae,l as oe,n as se,o as ce,r as le,t as ue}from"./dropdown-menu-DXT3BZLa.js";import{t as de}from"./checkbox-CZTTm4Dv.js";import{t as fe}from"./separator-4IC9ED7s.js";import{t as pe}from"./customers-DvBxRjHv.js";import{t as me}from"./orders-BFwWtubb.js";import{a as S,i as C,n as w,o as he,s as T,t as ge}from"./table-DtA4-Q0p.js";import{a as E,i as _e,n as ve,o as D,r as ye,s as be,t as xe}from"./pagination-BPDQo9Dl.js";import{n as O,r as Se,t as Ce}from"./table-actions-DdoPJTMy.js";var we=b(`columns-3`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M9 3v18`,key:`fh3hqa`}],[`path`,{d:`M15 3v18`,key:`14nvp0`}]]),k=b(`maximize-2`,[[`path`,{d:`M15 3h6v6`,key:`1q9fwt`}],[`path`,{d:`m21 3-7 7`,key:`1l2asr`}],[`path`,{d:`m3 21 7-7`,key:`tjx5ai`}],[`path`,{d:`M9 21H3v-6`,key:`wtvkvv`}]]),A=b(`minimize-2`,[[`path`,{d:`m14 10 7-7`,key:`oa77jy`}],[`path`,{d:`M20 10h-6V4`,key:`mjg0md`}],[`path`,{d:`m3 21 7-7`,key:`tjx5ai`}],[`path`,{d:`M4 14h6v6`,key:`rmj7iw`}]]),j=t(n(),1),M=re();function N(e,t){return typeof e==`function`?e(t):e}function P(e,t){return n=>{t.setState(t=>({...t,[e]:N(n,t[e])}))}}function F(e){return e instanceof Function}function Te(e){return Array.isArray(e)&&e.every(e=>typeof e==`number`)}function Ee(e,t){let n=[],r=e=>{e.forEach(e=>{n.push(e);let i=t(e);i!=null&&i.length&&r(i)})};return r(e),n}function I(e,t,n){let r=[],i;return a=>{let o;n.key&&n.debug&&(o=Date.now());let s=e(a);if(!(s.length!==r.length||s.some((e,t)=>r[t]!==e)))return i;r=s;let c;if(n.key&&n.debug&&(c=Date.now()),i=t(...s),n==null||n.onChange==null||n.onChange(i),n.key&&n.debug&&n!=null&&n.debug()){let e=Math.round((Date.now()-o)*100)/100,t=Math.round((Date.now()-c)*100)/100,r=t/16,i=(e,t)=>{for(e=String(e);e.length<t;)e=` `+e;return e};console.info(`%c⏱ ${i(t,5)} /${i(e,5)} ms`,`
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(0,Math.min(120-120*r,120))}deg 100% 31%);`,n?.key)}return i}}function L(e,t,n,r){return{debug:()=>e?.debugAll??e[t],key:!1,onChange:r}}function De(e,t,n,r){let i={id:`${t.id}_${n.id}`,row:t,column:n,getValue:()=>t.getValue(r),renderValue:()=>i.getValue()??e.options.renderFallbackValue,getContext:I(()=>[e,n,t,i],(e,t,n,r)=>({table:e,column:t,row:n,cell:r,getValue:r.getValue,renderValue:r.renderValue}),L(e.options,`debugCells`,`cell.getContext`))};return e._features.forEach(r=>{r.createCell==null||r.createCell(i,n,t,e)},{}),i}function R(e,t,n,r){let i={...e._getDefaultColumnDef(),...t},a=i.accessorKey,o=i.id??(a?typeof String.prototype.replaceAll==`function`?a.replaceAll(`.`,`_`):a.replace(/\./g,`_`):void 0)??(typeof i.header==`string`?i.header:void 0),s;if(i.accessorFn?s=i.accessorFn:a&&(s=a.includes(`.`)?e=>{let t=e;for(let e of a.split(`.`))t=t?.[e];return t}:e=>e[i.accessorKey]),!o)throw Error();let c={id:`${String(o)}`,accessorFn:s,parent:r,depth:n,columnDef:i,columns:[],getFlatColumns:I(()=>[!0],()=>[c,...c.columns?.flatMap(e=>e.getFlatColumns())],L(e.options,`debugColumns`,`column.getFlatColumns`)),getLeafColumns:I(()=>[e._getOrderColumnsFn()],e=>{var t;return(t=c.columns)!=null&&t.length?e(c.columns.flatMap(e=>e.getLeafColumns())):[c]},L(e.options,`debugColumns`,`column.getLeafColumns`))};for(let t of e._features)t.createColumn==null||t.createColumn(c,e);return c}var z=`debugHeaders`;function B(e,t,n){let r={id:n.id??t.id,column:t,index:n.index,isPlaceholder:!!n.isPlaceholder,placeholderId:n.placeholderId,depth:n.depth,subHeaders:[],colSpan:0,rowSpan:0,headerGroup:null,getLeafHeaders:()=>{let e=[],t=n=>{n.subHeaders&&n.subHeaders.length&&n.subHeaders.map(t),e.push(n)};return t(r),e},getContext:()=>({table:e,header:r,column:t})};return e._features.forEach(t=>{t.createHeader==null||t.createHeader(r,e)}),r}var Oe={createTable:e=>{e.getHeaderGroups=I(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(t,n,r,i)=>{let a=r?.map(e=>n.find(t=>t.id===e)).filter(Boolean)??[],o=i?.map(e=>n.find(t=>t.id===e)).filter(Boolean)??[],s=n.filter(e=>!(r!=null&&r.includes(e.id))&&!(i!=null&&i.includes(e.id)));return V(t,[...a,...s,...o],e)},L(e.options,z,`getHeaderGroups`)),e.getCenterHeaderGroups=I(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(t,n,r,i)=>(n=n.filter(e=>!(r!=null&&r.includes(e.id))&&!(i!=null&&i.includes(e.id))),V(t,n,e,`center`)),L(e.options,z,`getCenterHeaderGroups`)),e.getLeftHeaderGroups=I(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left],(t,n,r)=>V(t,r?.map(e=>n.find(t=>t.id===e)).filter(Boolean)??[],e,`left`),L(e.options,z,`getLeftHeaderGroups`)),e.getRightHeaderGroups=I(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.right],(t,n,r)=>V(t,r?.map(e=>n.find(t=>t.id===e)).filter(Boolean)??[],e,`right`),L(e.options,z,`getRightHeaderGroups`)),e.getFooterGroups=I(()=>[e.getHeaderGroups()],e=>[...e].reverse(),L(e.options,z,`getFooterGroups`)),e.getLeftFooterGroups=I(()=>[e.getLeftHeaderGroups()],e=>[...e].reverse(),L(e.options,z,`getLeftFooterGroups`)),e.getCenterFooterGroups=I(()=>[e.getCenterHeaderGroups()],e=>[...e].reverse(),L(e.options,z,`getCenterFooterGroups`)),e.getRightFooterGroups=I(()=>[e.getRightHeaderGroups()],e=>[...e].reverse(),L(e.options,z,`getRightFooterGroups`)),e.getFlatHeaders=I(()=>[e.getHeaderGroups()],e=>e.map(e=>e.headers).flat(),L(e.options,z,`getFlatHeaders`)),e.getLeftFlatHeaders=I(()=>[e.getLeftHeaderGroups()],e=>e.map(e=>e.headers).flat(),L(e.options,z,`getLeftFlatHeaders`)),e.getCenterFlatHeaders=I(()=>[e.getCenterHeaderGroups()],e=>e.map(e=>e.headers).flat(),L(e.options,z,`getCenterFlatHeaders`)),e.getRightFlatHeaders=I(()=>[e.getRightHeaderGroups()],e=>e.map(e=>e.headers).flat(),L(e.options,z,`getRightFlatHeaders`)),e.getCenterLeafHeaders=I(()=>[e.getCenterFlatHeaders()],e=>e.filter(e=>{var t;return!((t=e.subHeaders)!=null&&t.length)}),L(e.options,z,`getCenterLeafHeaders`)),e.getLeftLeafHeaders=I(()=>[e.getLeftFlatHeaders()],e=>e.filter(e=>{var t;return!((t=e.subHeaders)!=null&&t.length)}),L(e.options,z,`getLeftLeafHeaders`)),e.getRightLeafHeaders=I(()=>[e.getRightFlatHeaders()],e=>e.filter(e=>{var t;return!((t=e.subHeaders)!=null&&t.length)}),L(e.options,z,`getRightLeafHeaders`)),e.getLeafHeaders=I(()=>[e.getLeftHeaderGroups(),e.getCenterHeaderGroups(),e.getRightHeaderGroups()],(e,t,n)=>[...e[0]?.headers??[],...t[0]?.headers??[],...n[0]?.headers??[]].map(e=>e.getLeafHeaders()).flat(),L(e.options,z,`getLeafHeaders`))}};function V(e,t,n,r){let i=0,a=function(e,t){t===void 0&&(t=1),i=Math.max(i,t),e.filter(e=>e.getIsVisible()).forEach(e=>{var n;(n=e.columns)!=null&&n.length&&a(e.columns,t+1)},0)};a(e);let o=[],s=(e,t)=>{let i={depth:t,id:[r,`${t}`].filter(Boolean).join(`_`),headers:[]},a=[];e.forEach(e=>{let o=[...a].reverse()[0],s=e.column.depth===i.depth,c,l=!1;if(s&&e.column.parent?c=e.column.parent:(c=e.column,l=!0),o&&o?.column===c)o.subHeaders.push(e);else{let i=B(n,c,{id:[r,t,c.id,e?.id].filter(Boolean).join(`_`),isPlaceholder:l,placeholderId:l?`${a.filter(e=>e.column===c).length}`:void 0,depth:t,index:a.length});i.subHeaders.push(e),a.push(i)}i.headers.push(e),e.headerGroup=i}),o.push(i),t>0&&s(a,t-1)};s(t.map((e,t)=>B(n,e,{depth:i,index:t})),i-1),o.reverse();let c=e=>e.filter(e=>e.column.getIsVisible()).map(e=>{let t=0,n=0,r=[0];e.subHeaders&&e.subHeaders.length?(r=[],c(e.subHeaders).forEach(e=>{let{colSpan:n,rowSpan:i}=e;t+=n,r.push(i)})):t=1;let i=Math.min(...r);return n+=i,e.colSpan=t,e.rowSpan=n,{colSpan:t,rowSpan:n}});return c(o[0]?.headers??[]),o}var ke=(e,t,n,r,i,a,o)=>{let s={id:t,index:r,original:n,depth:i,parentId:o,_valuesCache:{},_uniqueValuesCache:{},getValue:t=>{if(s._valuesCache.hasOwnProperty(t))return s._valuesCache[t];let n=e.getColumn(t);if(n!=null&&n.accessorFn)return s._valuesCache[t]=n.accessorFn(s.original,r),s._valuesCache[t]},getUniqueValues:t=>{if(s._uniqueValuesCache.hasOwnProperty(t))return s._uniqueValuesCache[t];let n=e.getColumn(t);if(n!=null&&n.accessorFn)return n.columnDef.getUniqueValues?(s._uniqueValuesCache[t]=n.columnDef.getUniqueValues(s.original,r),s._uniqueValuesCache[t]):(s._uniqueValuesCache[t]=[s.getValue(t)],s._uniqueValuesCache[t])},renderValue:t=>s.getValue(t)??e.options.renderFallbackValue,subRows:a??[],getLeafRows:()=>Ee(s.subRows,e=>e.subRows),getParentRow:()=>s.parentId?e.getRow(s.parentId,!0):void 0,getParentRows:()=>{let e=[],t=s;for(;;){let n=t.getParentRow();if(!n)break;e.push(n),t=n}return e.reverse()},getAllCells:I(()=>[e.getAllLeafColumns()],t=>t.map(t=>De(e,s,t,t.id)),L(e.options,`debugRows`,`getAllCells`)),_getAllCellsByColumnId:I(()=>[s.getAllCells()],e=>e.reduce((e,t)=>(e[t.column.id]=t,e),{}),L(e.options,`debugRows`,`getAllCellsByColumnId`))};for(let t=0;t<e._features.length;t++){let n=e._features[t];n==null||n.createRow==null||n.createRow(s,e)}return s},Ae={createColumn:(e,t)=>{e._getFacetedRowModel=t.options.getFacetedRowModel&&t.options.getFacetedRowModel(t,e.id),e.getFacetedRowModel=()=>e._getFacetedRowModel?e._getFacetedRowModel():t.getPreFilteredRowModel(),e._getFacetedUniqueValues=t.options.getFacetedUniqueValues&&t.options.getFacetedUniqueValues(t,e.id),e.getFacetedUniqueValues=()=>e._getFacetedUniqueValues?e._getFacetedUniqueValues():new Map,e._getFacetedMinMaxValues=t.options.getFacetedMinMaxValues&&t.options.getFacetedMinMaxValues(t,e.id),e.getFacetedMinMaxValues=()=>{if(e._getFacetedMinMaxValues)return e._getFacetedMinMaxValues()}}},je=(e,t,n)=>{var r,i;let a=n==null||(r=n.toString())==null?void 0:r.toLowerCase();return!!(!((i=e.getValue(t))==null||(i=i.toString())==null||(i=i.toLowerCase())==null)&&i.includes(a))};je.autoRemove=e=>W(e);var H=(e,t,n)=>{var r;return!!(!((r=e.getValue(t))==null||(r=r.toString())==null)&&r.includes(n))};H.autoRemove=e=>W(e);var Me=(e,t,n)=>{var r;return((r=e.getValue(t))==null||(r=r.toString())==null?void 0:r.toLowerCase())===n?.toLowerCase()};Me.autoRemove=e=>W(e);var Ne=(e,t,n)=>e.getValue(t)?.includes(n);Ne.autoRemove=e=>W(e);var Pe=(e,t,n)=>!n.some(n=>{var r;return!((r=e.getValue(t))!=null&&r.includes(n))});Pe.autoRemove=e=>W(e)||!(e!=null&&e.length);var Fe=(e,t,n)=>n.some(n=>e.getValue(t)?.includes(n));Fe.autoRemove=e=>W(e)||!(e!=null&&e.length);var Ie=(e,t,n)=>e.getValue(t)===n;Ie.autoRemove=e=>W(e);var Le=(e,t,n)=>e.getValue(t)==n;Le.autoRemove=e=>W(e);var Re=(e,t,n)=>{let[r,i]=n,a=e.getValue(t);return a>=r&&a<=i};Re.resolveFilterValue=e=>{let[t,n]=e,r=typeof t==`number`?t:parseFloat(t),i=typeof n==`number`?n:parseFloat(n),a=t===null||Number.isNaN(r)?-1/0:r,o=n===null||Number.isNaN(i)?1/0:i;if(a>o){let e=a;a=o,o=e}return[a,o]},Re.autoRemove=e=>W(e)||W(e[0])&&W(e[1]);var U={includesString:je,includesStringSensitive:H,equalsString:Me,arrIncludes:Ne,arrIncludesAll:Pe,arrIncludesSome:Fe,equals:Ie,weakEquals:Le,inNumberRange:Re};function W(e){return e==null||e===``}var ze={getDefaultColumnDef:()=>({filterFn:`auto`}),getInitialState:e=>({columnFilters:[],...e}),getDefaultOptions:e=>({onColumnFiltersChange:P(`columnFilters`,e),filterFromLeafRows:!1,maxLeafRowFilterDepth:100}),createColumn:(e,t)=>{e.getAutoFilterFn=()=>{let n=t.getCoreRowModel().flatRows[0]?.getValue(e.id);return typeof n==`string`?U.includesString:typeof n==`number`?U.inNumberRange:typeof n==`boolean`||typeof n==`object`&&n?U.equals:Array.isArray(n)?U.arrIncludes:U.weakEquals},e.getFilterFn=()=>F(e.columnDef.filterFn)?e.columnDef.filterFn:e.columnDef.filterFn===`auto`?e.getAutoFilterFn():t.options.filterFns?.[e.columnDef.filterFn]??U[e.columnDef.filterFn],e.getCanFilter=()=>(e.columnDef.enableColumnFilter??!0)&&(t.options.enableColumnFilters??!0)&&(t.options.enableFilters??!0)&&!!e.accessorFn,e.getIsFiltered=()=>e.getFilterIndex()>-1,e.getFilterValue=()=>{var n;return(n=t.getState().columnFilters)==null||(n=n.find(t=>t.id===e.id))==null?void 0:n.value},e.getFilterIndex=()=>t.getState().columnFilters?.findIndex(t=>t.id===e.id)??-1,e.setFilterValue=n=>{t.setColumnFilters(t=>{let r=e.getFilterFn(),i=t?.find(t=>t.id===e.id),a=N(n,i?i.value:void 0);if(Be(r,a,e))return t?.filter(t=>t.id!==e.id)??[];let o={id:e.id,value:a};return i?t?.map(t=>t.id===e.id?o:t)??[]:t!=null&&t.length?[...t,o]:[o]})}},createRow:(e,t)=>{e.columnFilters={},e.columnFiltersMeta={}},createTable:e=>{e.setColumnFilters=t=>{let n=e.getAllLeafColumns();e.options.onColumnFiltersChange==null||e.options.onColumnFiltersChange(e=>N(t,e)?.filter(e=>{let t=n.find(t=>t.id===e.id);return!(t&&Be(t.getFilterFn(),e.value,t))}))},e.resetColumnFilters=t=>{e.setColumnFilters(t?[]:e.initialState?.columnFilters??[])},e.getPreFilteredRowModel=()=>e.getCoreRowModel(),e.getFilteredRowModel=()=>(!e._getFilteredRowModel&&e.options.getFilteredRowModel&&(e._getFilteredRowModel=e.options.getFilteredRowModel(e)),e.options.manualFiltering||!e._getFilteredRowModel?e.getPreFilteredRowModel():e._getFilteredRowModel())}};function Be(e,t,n){return(e&&e.autoRemove?e.autoRemove(t,n):!1)||t===void 0||typeof t==`string`&&!t}var Ve={sum:(e,t,n)=>n.reduce((t,n)=>{let r=n.getValue(e);return t+(typeof r==`number`?r:0)},0),min:(e,t,n)=>{let r;return n.forEach(t=>{let n=t.getValue(e);n!=null&&(r>n||r===void 0&&n>=n)&&(r=n)}),r},max:(e,t,n)=>{let r;return n.forEach(t=>{let n=t.getValue(e);n!=null&&(r<n||r===void 0&&n>=n)&&(r=n)}),r},extent:(e,t,n)=>{let r,i;return n.forEach(t=>{let n=t.getValue(e);n!=null&&(r===void 0?n>=n&&(r=i=n):(r>n&&(r=n),i<n&&(i=n)))}),[r,i]},mean:(e,t)=>{let n=0,r=0;if(t.forEach(t=>{let i=t.getValue(e);i!=null&&(i=+i)>=i&&(++n,r+=i)}),n)return r/n},median:(e,t)=>{if(!t.length)return;let n=t.map(t=>t.getValue(e));if(!Te(n))return;if(n.length===1)return n[0];let r=Math.floor(n.length/2),i=n.sort((e,t)=>e-t);return n.length%2==0?(i[r-1]+i[r])/2:i[r]},unique:(e,t)=>Array.from(new Set(t.map(t=>t.getValue(e))).values()),uniqueCount:(e,t)=>new Set(t.map(t=>t.getValue(e))).size,count:(e,t)=>t.length},He={getDefaultColumnDef:()=>({aggregatedCell:e=>{var t;return((t=e.getValue())==null||t.toString==null?void 0:t.toString())??null},aggregationFn:`auto`}),getInitialState:e=>({grouping:[],...e}),getDefaultOptions:e=>({onGroupingChange:P(`grouping`,e),groupedColumnMode:`reorder`}),createColumn:(e,t)=>{e.toggleGrouping=()=>{t.setGrouping(t=>t!=null&&t.includes(e.id)?t.filter(t=>t!==e.id):[...t??[],e.id])},e.getCanGroup=()=>(e.columnDef.enableGrouping??!0)&&(t.options.enableGrouping??!0)&&(!!e.accessorFn||!!e.columnDef.getGroupingValue),e.getIsGrouped=()=>t.getState().grouping?.includes(e.id),e.getGroupedIndex=()=>t.getState().grouping?.indexOf(e.id),e.getToggleGroupingHandler=()=>{let t=e.getCanGroup();return()=>{t&&e.toggleGrouping()}},e.getAutoAggregationFn=()=>{let n=t.getCoreRowModel().flatRows[0]?.getValue(e.id);if(typeof n==`number`)return Ve.sum;if(Object.prototype.toString.call(n)===`[object Date]`)return Ve.extent},e.getAggregationFn=()=>{if(!e)throw Error();return F(e.columnDef.aggregationFn)?e.columnDef.aggregationFn:e.columnDef.aggregationFn===`auto`?e.getAutoAggregationFn():t.options.aggregationFns?.[e.columnDef.aggregationFn]??Ve[e.columnDef.aggregationFn]}},createTable:e=>{e.setGrouping=t=>e.options.onGroupingChange==null?void 0:e.options.onGroupingChange(t),e.resetGrouping=t=>{e.setGrouping(t?[]:e.initialState?.grouping??[])},e.getPreGroupedRowModel=()=>e.getFilteredRowModel(),e.getGroupedRowModel=()=>(!e._getGroupedRowModel&&e.options.getGroupedRowModel&&(e._getGroupedRowModel=e.options.getGroupedRowModel(e)),e.options.manualGrouping||!e._getGroupedRowModel?e.getPreGroupedRowModel():e._getGroupedRowModel())},createRow:(e,t)=>{e.getIsGrouped=()=>!!e.groupingColumnId,e.getGroupingValue=n=>{if(e._groupingValuesCache.hasOwnProperty(n))return e._groupingValuesCache[n];let r=t.getColumn(n);return r!=null&&r.columnDef.getGroupingValue?(e._groupingValuesCache[n]=r.columnDef.getGroupingValue(e.original),e._groupingValuesCache[n]):e.getValue(n)},e._groupingValuesCache={}},createCell:(e,t,n,r)=>{e.getIsGrouped=()=>t.getIsGrouped()&&t.id===n.groupingColumnId,e.getIsPlaceholder=()=>!e.getIsGrouped()&&t.getIsGrouped(),e.getIsAggregated=()=>{var t;return!e.getIsGrouped()&&!e.getIsPlaceholder()&&!!((t=n.subRows)!=null&&t.length)}}};function Ue(e,t,n){if(!(t!=null&&t.length)||!n)return e;let r=e.filter(e=>!t.includes(e.id));return n===`remove`?r:[...t.map(t=>e.find(e=>e.id===t)).filter(Boolean),...r]}var We={getInitialState:e=>({columnOrder:[],...e}),getDefaultOptions:e=>({onColumnOrderChange:P(`columnOrder`,e)}),createColumn:(e,t)=>{e.getIndex=I(e=>[K(t,e)],t=>t.findIndex(t=>t.id===e.id),L(t.options,`debugColumns`,`getIndex`)),e.getIsFirstColumn=n=>K(t,n)[0]?.id===e.id,e.getIsLastColumn=n=>{let r=K(t,n);return r[r.length-1]?.id===e.id}},createTable:e=>{e.setColumnOrder=t=>e.options.onColumnOrderChange==null?void 0:e.options.onColumnOrderChange(t),e.resetColumnOrder=t=>{e.setColumnOrder(t?[]:e.initialState.columnOrder??[])},e._getOrderColumnsFn=I(()=>[e.getState().columnOrder,e.getState().grouping,e.options.groupedColumnMode],(e,t,n)=>r=>{let i=[];if(!(e!=null&&e.length))i=r;else{let t=[...e],n=[...r];for(;n.length&&t.length;){let e=t.shift(),r=n.findIndex(t=>t.id===e);r>-1&&i.push(n.splice(r,1)[0])}i=[...i,...n]}return Ue(i,t,n)},L(e.options,`debugTable`,`_getOrderColumnsFn`))}},Ge=()=>({left:[],right:[]}),Ke={getInitialState:e=>({columnPinning:Ge(),...e}),getDefaultOptions:e=>({onColumnPinningChange:P(`columnPinning`,e)}),createColumn:(e,t)=>{e.pin=n=>{let r=e.getLeafColumns().map(e=>e.id).filter(Boolean);t.setColumnPinning(e=>n===`right`?{left:(e?.left??[]).filter(e=>!(r!=null&&r.includes(e))),right:[...(e?.right??[]).filter(e=>!(r!=null&&r.includes(e))),...r]}:n===`left`?{left:[...(e?.left??[]).filter(e=>!(r!=null&&r.includes(e))),...r],right:(e?.right??[]).filter(e=>!(r!=null&&r.includes(e)))}:{left:(e?.left??[]).filter(e=>!(r!=null&&r.includes(e))),right:(e?.right??[]).filter(e=>!(r!=null&&r.includes(e)))})},e.getCanPin=()=>e.getLeafColumns().some(e=>(e.columnDef.enablePinning??!0)&&(t.options.enableColumnPinning??t.options.enablePinning??!0)),e.getIsPinned=()=>{let n=e.getLeafColumns().map(e=>e.id),{left:r,right:i}=t.getState().columnPinning,a=n.some(e=>r?.includes(e)),o=n.some(e=>i?.includes(e));return a?`left`:o?`right`:!1},e.getPinnedIndex=()=>{var n;let r=e.getIsPinned();return r?((n=t.getState().columnPinning)==null||(n=n[r])==null?void 0:n.indexOf(e.id))??-1:0}},createRow:(e,t)=>{e.getCenterVisibleCells=I(()=>[e._getAllVisibleCells(),t.getState().columnPinning.left,t.getState().columnPinning.right],(e,t,n)=>{let r=[...t??[],...n??[]];return e.filter(e=>!r.includes(e.column.id))},L(t.options,`debugRows`,`getCenterVisibleCells`)),e.getLeftVisibleCells=I(()=>[e._getAllVisibleCells(),t.getState().columnPinning.left],(e,t)=>(t??[]).map(t=>e.find(e=>e.column.id===t)).filter(Boolean).map(e=>({...e,position:`left`})),L(t.options,`debugRows`,`getLeftVisibleCells`)),e.getRightVisibleCells=I(()=>[e._getAllVisibleCells(),t.getState().columnPinning.right],(e,t)=>(t??[]).map(t=>e.find(e=>e.column.id===t)).filter(Boolean).map(e=>({...e,position:`right`})),L(t.options,`debugRows`,`getRightVisibleCells`))},createTable:e=>{e.setColumnPinning=t=>e.options.onColumnPinningChange==null?void 0:e.options.onColumnPinningChange(t),e.resetColumnPinning=t=>e.setColumnPinning(t?Ge():e.initialState?.columnPinning??Ge()),e.getIsSomeColumnsPinned=t=>{let n=e.getState().columnPinning;return t?!!n[t]?.length:!!(n.left?.length||n.right?.length)},e.getLeftLeafColumns=I(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left],(e,t)=>(t??[]).map(t=>e.find(e=>e.id===t)).filter(Boolean),L(e.options,`debugColumns`,`getLeftLeafColumns`)),e.getRightLeafColumns=I(()=>[e.getAllLeafColumns(),e.getState().columnPinning.right],(e,t)=>(t??[]).map(t=>e.find(e=>e.id===t)).filter(Boolean),L(e.options,`debugColumns`,`getRightLeafColumns`)),e.getCenterLeafColumns=I(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(e,t,n)=>{let r=[...t??[],...n??[]];return e.filter(e=>!r.includes(e.id))},L(e.options,`debugColumns`,`getCenterLeafColumns`))}};function qe(e){return e||(typeof document<`u`?document:null)}var Je={size:150,minSize:20,maxSize:2**53-1},Ye=()=>({startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]}),Xe={getDefaultColumnDef:()=>Je,getInitialState:e=>({columnSizing:{},columnSizingInfo:Ye(),...e}),getDefaultOptions:e=>({columnResizeMode:`onEnd`,columnResizeDirection:`ltr`,onColumnSizingChange:P(`columnSizing`,e),onColumnSizingInfoChange:P(`columnSizingInfo`,e)}),createColumn:(e,t)=>{e.getSize=()=>{let n=t.getState().columnSizing[e.id];return Math.min(Math.max(e.columnDef.minSize??Je.minSize,n??e.columnDef.size??Je.size),e.columnDef.maxSize??Je.maxSize)},e.getStart=I(e=>[e,K(t,e),t.getState().columnSizing],(t,n)=>n.slice(0,e.getIndex(t)).reduce((e,t)=>e+t.getSize(),0),L(t.options,`debugColumns`,`getStart`)),e.getAfter=I(e=>[e,K(t,e),t.getState().columnSizing],(t,n)=>n.slice(e.getIndex(t)+1).reduce((e,t)=>e+t.getSize(),0),L(t.options,`debugColumns`,`getAfter`)),e.resetSize=()=>{t.setColumnSizing(t=>{let{[e.id]:n,...r}=t;return r})},e.getCanResize=()=>(e.columnDef.enableResizing??!0)&&(t.options.enableColumnResizing??!0),e.getIsResizing=()=>t.getState().columnSizingInfo.isResizingColumn===e.id},createHeader:(e,t)=>{e.getSize=()=>{let t=0,n=e=>{e.subHeaders.length?e.subHeaders.forEach(n):t+=e.column.getSize()??0};return n(e),t},e.getStart=()=>{if(e.index>0){let t=e.headerGroup.headers[e.index-1];return t.getStart()+t.getSize()}return 0},e.getResizeHandler=n=>{let r=t.getColumn(e.column.id),i=r?.getCanResize();return a=>{if(!r||!i||(a.persist==null||a.persist(),Qe(a)&&a.touches&&a.touches.length>1))return;let o=e.getSize(),s=e?e.getLeafHeaders().map(e=>[e.column.id,e.column.getSize()]):[[r.id,r.getSize()]],c=Qe(a)?Math.round(a.touches[0].clientX):a.clientX,l={},u=(e,n)=>{typeof n==`number`&&(t.setColumnSizingInfo(e=>{let r=t.options.columnResizeDirection===`rtl`?-1:1,i=(n-(e?.startOffset??0))*r,a=Math.max(i/(e?.startSize??0),-.999999);return e.columnSizingStart.forEach(e=>{let[t,n]=e;l[t]=Math.round(Math.max(n+n*a,0)*100)/100}),{...e,deltaOffset:i,deltaPercentage:a}}),(t.options.columnResizeMode===`onChange`||e===`end`)&&t.setColumnSizing(e=>({...e,...l})))},d=e=>u(`move`,e),f=e=>{u(`end`,e),t.setColumnSizingInfo(e=>({...e,isResizingColumn:!1,startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,columnSizingStart:[]}))},p=qe(n),m={moveHandler:e=>d(e.clientX),upHandler:e=>{p?.removeEventListener(`mousemove`,m.moveHandler),p?.removeEventListener(`mouseup`,m.upHandler),f(e.clientX)}},h={moveHandler:e=>(e.cancelable&&(e.preventDefault(),e.stopPropagation()),d(e.touches[0].clientX),!1),upHandler:e=>{p?.removeEventListener(`touchmove`,h.moveHandler),p?.removeEventListener(`touchend`,h.upHandler),e.cancelable&&(e.preventDefault(),e.stopPropagation()),f(e.touches[0]?.clientX)}},g=Ze()?{passive:!1}:!1;Qe(a)?(p?.addEventListener(`touchmove`,h.moveHandler,g),p?.addEventListener(`touchend`,h.upHandler,g)):(p?.addEventListener(`mousemove`,m.moveHandler,g),p?.addEventListener(`mouseup`,m.upHandler,g)),t.setColumnSizingInfo(e=>({...e,startOffset:c,startSize:o,deltaOffset:0,deltaPercentage:0,columnSizingStart:s,isResizingColumn:r.id}))}}},createTable:e=>{e.setColumnSizing=t=>e.options.onColumnSizingChange==null?void 0:e.options.onColumnSizingChange(t),e.setColumnSizingInfo=t=>e.options.onColumnSizingInfoChange==null?void 0:e.options.onColumnSizingInfoChange(t),e.resetColumnSizing=t=>{e.setColumnSizing(t?{}:e.initialState.columnSizing??{})},e.resetHeaderSizeInfo=t=>{e.setColumnSizingInfo(t?Ye():e.initialState.columnSizingInfo??Ye())},e.getTotalSize=()=>e.getHeaderGroups()[0]?.headers.reduce((e,t)=>e+t.getSize(),0)??0,e.getLeftTotalSize=()=>e.getLeftHeaderGroups()[0]?.headers.reduce((e,t)=>e+t.getSize(),0)??0,e.getCenterTotalSize=()=>e.getCenterHeaderGroups()[0]?.headers.reduce((e,t)=>e+t.getSize(),0)??0,e.getRightTotalSize=()=>e.getRightHeaderGroups()[0]?.headers.reduce((e,t)=>e+t.getSize(),0)??0}},G=null;function Ze(){if(typeof G==`boolean`)return G;let e=!1;try{let t={get passive(){return e=!0,!1}},n=()=>{};window.addEventListener(`test`,n,t),window.removeEventListener(`test`,n)}catch{e=!1}return G=e,G}function Qe(e){return e.type===`touchstart`}var $e={getInitialState:e=>({columnVisibility:{},...e}),getDefaultOptions:e=>({onColumnVisibilityChange:P(`columnVisibility`,e)}),createColumn:(e,t)=>{e.toggleVisibility=n=>{e.getCanHide()&&t.setColumnVisibility(t=>({...t,[e.id]:n??!e.getIsVisible()}))},e.getIsVisible=()=>{let n=e.columns;return(n.length?n.some(e=>e.getIsVisible()):t.getState().columnVisibility?.[e.id])??!0},e.getCanHide=()=>(e.columnDef.enableHiding??!0)&&(t.options.enableHiding??!0),e.getToggleVisibilityHandler=()=>t=>{e.toggleVisibility==null||e.toggleVisibility(t.target.checked)}},createRow:(e,t)=>{e._getAllVisibleCells=I(()=>[e.getAllCells(),t.getState().columnVisibility],e=>e.filter(e=>e.column.getIsVisible()),L(t.options,`debugRows`,`_getAllVisibleCells`)),e.getVisibleCells=I(()=>[e.getLeftVisibleCells(),e.getCenterVisibleCells(),e.getRightVisibleCells()],(e,t,n)=>[...e,...t,...n],L(t.options,`debugRows`,`getVisibleCells`))},createTable:e=>{let t=(t,n)=>I(()=>[n(),n().filter(e=>e.getIsVisible()).map(e=>e.id).join(`_`)],e=>e.filter(e=>e.getIsVisible==null?void 0:e.getIsVisible()),L(e.options,`debugColumns`,t));e.getVisibleFlatColumns=t(`getVisibleFlatColumns`,()=>e.getAllFlatColumns()),e.getVisibleLeafColumns=t(`getVisibleLeafColumns`,()=>e.getAllLeafColumns()),e.getLeftVisibleLeafColumns=t(`getLeftVisibleLeafColumns`,()=>e.getLeftLeafColumns()),e.getRightVisibleLeafColumns=t(`getRightVisibleLeafColumns`,()=>e.getRightLeafColumns()),e.getCenterVisibleLeafColumns=t(`getCenterVisibleLeafColumns`,()=>e.getCenterLeafColumns()),e.setColumnVisibility=t=>e.options.onColumnVisibilityChange==null?void 0:e.options.onColumnVisibilityChange(t),e.resetColumnVisibility=t=>{e.setColumnVisibility(t?{}:e.initialState.columnVisibility??{})},e.toggleAllColumnsVisible=t=>{t??=!e.getIsAllColumnsVisible(),e.setColumnVisibility(e.getAllLeafColumns().reduce((e,n)=>({...e,[n.id]:t||!(n.getCanHide!=null&&n.getCanHide())}),{}))},e.getIsAllColumnsVisible=()=>!e.getAllLeafColumns().some(e=>!(e.getIsVisible!=null&&e.getIsVisible())),e.getIsSomeColumnsVisible=()=>e.getAllLeafColumns().some(e=>e.getIsVisible==null?void 0:e.getIsVisible()),e.getToggleAllColumnsVisibilityHandler=()=>t=>{e.toggleAllColumnsVisible(t.target?.checked)}}};function K(e,t){return t?t===`center`?e.getCenterVisibleLeafColumns():t===`left`?e.getLeftVisibleLeafColumns():e.getRightVisibleLeafColumns():e.getVisibleLeafColumns()}var et={createTable:e=>{e._getGlobalFacetedRowModel=e.options.getFacetedRowModel&&e.options.getFacetedRowModel(e,`__global__`),e.getGlobalFacetedRowModel=()=>e.options.manualFiltering||!e._getGlobalFacetedRowModel?e.getPreFilteredRowModel():e._getGlobalFacetedRowModel(),e._getGlobalFacetedUniqueValues=e.options.getFacetedUniqueValues&&e.options.getFacetedUniqueValues(e,`__global__`),e.getGlobalFacetedUniqueValues=()=>e._getGlobalFacetedUniqueValues?e._getGlobalFacetedUniqueValues():new Map,e._getGlobalFacetedMinMaxValues=e.options.getFacetedMinMaxValues&&e.options.getFacetedMinMaxValues(e,`__global__`),e.getGlobalFacetedMinMaxValues=()=>{if(e._getGlobalFacetedMinMaxValues)return e._getGlobalFacetedMinMaxValues()}}},tt={getInitialState:e=>({globalFilter:void 0,...e}),getDefaultOptions:e=>({onGlobalFilterChange:P(`globalFilter`,e),globalFilterFn:`auto`,getColumnCanGlobalFilter:t=>{var n;let r=(n=e.getCoreRowModel().flatRows[0])==null||(n=n._getAllCellsByColumnId()[t.id])==null?void 0:n.getValue();return typeof r==`string`||typeof r==`number`}}),createColumn:(e,t)=>{e.getCanGlobalFilter=()=>(e.columnDef.enableGlobalFilter??!0)&&(t.options.enableGlobalFilter??!0)&&(t.options.enableFilters??!0)&&((t.options.getColumnCanGlobalFilter==null?void 0:t.options.getColumnCanGlobalFilter(e))??!0)&&!!e.accessorFn},createTable:e=>{e.getGlobalAutoFilterFn=()=>U.includesString,e.getGlobalFilterFn=()=>{let{globalFilterFn:t}=e.options;return F(t)?t:t===`auto`?e.getGlobalAutoFilterFn():e.options.filterFns?.[t]??U[t]},e.setGlobalFilter=t=>{e.options.onGlobalFilterChange==null||e.options.onGlobalFilterChange(t)},e.resetGlobalFilter=t=>{e.setGlobalFilter(t?void 0:e.initialState.globalFilter)}}},nt={getInitialState:e=>({expanded:{},...e}),getDefaultOptions:e=>({onExpandedChange:P(`expanded`,e),paginateExpandedRows:!0}),createTable:e=>{let t=!1,n=!1;e._autoResetExpanded=()=>{if(!t){e._queue(()=>{t=!0});return}if(e.options.autoResetAll??e.options.autoResetExpanded??!e.options.manualExpanding){if(n)return;n=!0,e._queue(()=>{e.resetExpanded(),n=!1})}},e.setExpanded=t=>e.options.onExpandedChange==null?void 0:e.options.onExpandedChange(t),e.toggleAllRowsExpanded=t=>{t??!e.getIsAllRowsExpanded()?e.setExpanded(!0):e.setExpanded({})},e.resetExpanded=t=>{e.setExpanded(t?{}:e.initialState?.expanded??{})},e.getCanSomeRowsExpand=()=>e.getPrePaginationRowModel().flatRows.some(e=>e.getCanExpand()),e.getToggleAllRowsExpandedHandler=()=>t=>{t.persist==null||t.persist(),e.toggleAllRowsExpanded()},e.getIsSomeRowsExpanded=()=>{let t=e.getState().expanded;return t===!0||Object.values(t).some(Boolean)},e.getIsAllRowsExpanded=()=>{let t=e.getState().expanded;return typeof t==`boolean`?t===!0:!(!Object.keys(t).length||e.getRowModel().flatRows.some(e=>!e.getIsExpanded()))},e.getExpandedDepth=()=>{let t=0;return(e.getState().expanded===!0?Object.keys(e.getRowModel().rowsById):Object.keys(e.getState().expanded)).forEach(e=>{let n=e.split(`.`);t=Math.max(t,n.length)}),t},e.getPreExpandedRowModel=()=>e.getSortedRowModel(),e.getExpandedRowModel=()=>(!e._getExpandedRowModel&&e.options.getExpandedRowModel&&(e._getExpandedRowModel=e.options.getExpandedRowModel(e)),e.options.manualExpanding||!e._getExpandedRowModel?e.getPreExpandedRowModel():e._getExpandedRowModel())},createRow:(e,t)=>{e.toggleExpanded=n=>{t.setExpanded(r=>{let i=r===!0?!0:!!(r!=null&&r[e.id]),a={};if(r===!0?Object.keys(t.getRowModel().rowsById).forEach(e=>{a[e]=!0}):a=r,n??=!i,!i&&n)return{...a,[e.id]:!0};if(i&&!n){let{[e.id]:t,...n}=a;return n}return r})},e.getIsExpanded=()=>{let n=t.getState().expanded;return!!((t.options.getIsRowExpanded==null?void 0:t.options.getIsRowExpanded(e))??(n===!0||n?.[e.id]))},e.getCanExpand=()=>{var n;return(t.options.getRowCanExpand==null?void 0:t.options.getRowCanExpand(e))??((t.options.enableExpanding??!0)&&!!((n=e.subRows)!=null&&n.length))},e.getIsAllParentsExpanded=()=>{let n=!0,r=e;for(;n&&r.parentId;)r=t.getRow(r.parentId,!0),n=r.getIsExpanded();return n},e.getToggleExpandedHandler=()=>{let t=e.getCanExpand();return()=>{t&&e.toggleExpanded()}}}},rt=0,it=10,at=()=>({pageIndex:rt,pageSize:it}),ot={getInitialState:e=>({...e,pagination:{...at(),...e?.pagination}}),getDefaultOptions:e=>({onPaginationChange:P(`pagination`,e)}),createTable:e=>{let t=!1,n=!1;e._autoResetPageIndex=()=>{if(!t){e._queue(()=>{t=!0});return}if(e.options.autoResetAll??e.options.autoResetPageIndex??!e.options.manualPagination){if(n)return;n=!0,e._queue(()=>{e.resetPageIndex(),n=!1})}},e.setPagination=t=>e.options.onPaginationChange==null?void 0:e.options.onPaginationChange(e=>N(t,e)),e.resetPagination=t=>{e.setPagination(t?at():e.initialState.pagination??at())},e.setPageIndex=t=>{e.setPagination(n=>{let r=N(t,n.pageIndex),i=e.options.pageCount===void 0||e.options.pageCount===-1?2**53-1:e.options.pageCount-1;return r=Math.max(0,Math.min(r,i)),{...n,pageIndex:r}})},e.resetPageIndex=t=>{var n;e.setPageIndex(t?rt:((n=e.initialState)==null||(n=n.pagination)==null?void 0:n.pageIndex)??rt)},e.resetPageSize=t=>{var n;e.setPageSize(t?it:((n=e.initialState)==null||(n=n.pagination)==null?void 0:n.pageSize)??it)},e.setPageSize=t=>{e.setPagination(e=>{let n=Math.max(1,N(t,e.pageSize)),r=e.pageSize*e.pageIndex,i=Math.floor(r/n);return{...e,pageIndex:i,pageSize:n}})},e.setPageCount=t=>e.setPagination(n=>{let r=N(t,e.options.pageCount??-1);return typeof r==`number`&&(r=Math.max(-1,r)),{...n,pageCount:r}}),e.getPageOptions=I(()=>[e.getPageCount()],e=>{let t=[];return e&&e>0&&(t=[...Array(e)].fill(null).map((e,t)=>t)),t},L(e.options,`debugTable`,`getPageOptions`)),e.getCanPreviousPage=()=>e.getState().pagination.pageIndex>0,e.getCanNextPage=()=>{let{pageIndex:t}=e.getState().pagination,n=e.getPageCount();return n===-1?!0:n===0?!1:t<n-1},e.previousPage=()=>e.setPageIndex(e=>e-1),e.nextPage=()=>e.setPageIndex(e=>e+1),e.firstPage=()=>e.setPageIndex(0),e.lastPage=()=>e.setPageIndex(e.getPageCount()-1),e.getPrePaginationRowModel=()=>e.getExpandedRowModel(),e.getPaginationRowModel=()=>(!e._getPaginationRowModel&&e.options.getPaginationRowModel&&(e._getPaginationRowModel=e.options.getPaginationRowModel(e)),e.options.manualPagination||!e._getPaginationRowModel?e.getPrePaginationRowModel():e._getPaginationRowModel()),e.getPageCount=()=>e.options.pageCount??Math.ceil(e.getRowCount()/e.getState().pagination.pageSize),e.getRowCount=()=>e.options.rowCount??e.getPrePaginationRowModel().rows.length}},st=()=>({top:[],bottom:[]}),ct={getInitialState:e=>({rowPinning:st(),...e}),getDefaultOptions:e=>({onRowPinningChange:P(`rowPinning`,e)}),createRow:(e,t)=>{e.pin=(n,r,i)=>{let a=r?e.getLeafRows().map(e=>{let{id:t}=e;return t}):[],o=i?e.getParentRows().map(e=>{let{id:t}=e;return t}):[],s=new Set([...o,e.id,...a]);t.setRowPinning(e=>n===`bottom`?{top:(e?.top??[]).filter(e=>!(s!=null&&s.has(e))),bottom:[...(e?.bottom??[]).filter(e=>!(s!=null&&s.has(e))),...Array.from(s)]}:n===`top`?{top:[...(e?.top??[]).filter(e=>!(s!=null&&s.has(e))),...Array.from(s)],bottom:(e?.bottom??[]).filter(e=>!(s!=null&&s.has(e)))}:{top:(e?.top??[]).filter(e=>!(s!=null&&s.has(e))),bottom:(e?.bottom??[]).filter(e=>!(s!=null&&s.has(e)))})},e.getCanPin=()=>{let{enableRowPinning:n,enablePinning:r}=t.options;return typeof n==`function`?n(e):n??r??!0},e.getIsPinned=()=>{let n=[e.id],{top:r,bottom:i}=t.getState().rowPinning,a=n.some(e=>r?.includes(e)),o=n.some(e=>i?.includes(e));return a?`top`:o?`bottom`:!1},e.getPinnedIndex=()=>{let n=e.getIsPinned();return n?((n===`top`?t.getTopRows():t.getBottomRows())?.map(e=>{let{id:t}=e;return t}))?.indexOf(e.id)??-1:-1}},createTable:e=>{e.setRowPinning=t=>e.options.onRowPinningChange==null?void 0:e.options.onRowPinningChange(t),e.resetRowPinning=t=>e.setRowPinning(t?st():e.initialState?.rowPinning??st()),e.getIsSomeRowsPinned=t=>{let n=e.getState().rowPinning;return t?!!n[t]?.length:!!(n.top?.length||n.bottom?.length)},e._getPinnedRows=(t,n,r)=>(e.options.keepPinnedRows??!0?(n??[]).map(t=>{let n=e.getRow(t,!0);return n.getIsAllParentsExpanded()?n:null}):(n??[]).map(e=>t.find(t=>t.id===e))).filter(Boolean).map(e=>({...e,position:r})),e.getTopRows=I(()=>[e.getRowModel().rows,e.getState().rowPinning.top],(t,n)=>e._getPinnedRows(t,n,`top`),L(e.options,`debugRows`,`getTopRows`)),e.getBottomRows=I(()=>[e.getRowModel().rows,e.getState().rowPinning.bottom],(t,n)=>e._getPinnedRows(t,n,`bottom`),L(e.options,`debugRows`,`getBottomRows`)),e.getCenterRows=I(()=>[e.getRowModel().rows,e.getState().rowPinning.top,e.getState().rowPinning.bottom],(e,t,n)=>{let r=new Set([...t??[],...n??[]]);return e.filter(e=>!r.has(e.id))},L(e.options,`debugRows`,`getCenterRows`))}},lt={getInitialState:e=>({rowSelection:{},...e}),getDefaultOptions:e=>({onRowSelectionChange:P(`rowSelection`,e),enableRowSelection:!0,enableMultiRowSelection:!0,enableSubRowSelection:!0}),createTable:e=>{e.setRowSelection=t=>e.options.onRowSelectionChange==null?void 0:e.options.onRowSelectionChange(t),e.resetRowSelection=t=>e.setRowSelection(t?{}:e.initialState.rowSelection??{}),e.toggleAllRowsSelected=t=>{e.setRowSelection(n=>{t=t===void 0?!e.getIsAllRowsSelected():t;let r={...n},i=e.getPreGroupedRowModel().flatRows;return t?i.forEach(e=>{e.getCanSelect()&&(r[e.id]=!0)}):i.forEach(e=>{delete r[e.id]}),r})},e.toggleAllPageRowsSelected=t=>e.setRowSelection(n=>{let r=t===void 0?!e.getIsAllPageRowsSelected():t,i={...n};return e.getRowModel().rows.forEach(t=>{ut(i,t.id,r,!0,e)}),i}),e.getPreSelectedRowModel=()=>e.getCoreRowModel(),e.getSelectedRowModel=I(()=>[e.getState().rowSelection,e.getCoreRowModel()],(t,n)=>Object.keys(t).length?dt(e,n):{rows:[],flatRows:[],rowsById:{}},L(e.options,`debugTable`,`getSelectedRowModel`)),e.getFilteredSelectedRowModel=I(()=>[e.getState().rowSelection,e.getFilteredRowModel()],(t,n)=>Object.keys(t).length?dt(e,n):{rows:[],flatRows:[],rowsById:{}},L(e.options,`debugTable`,`getFilteredSelectedRowModel`)),e.getGroupedSelectedRowModel=I(()=>[e.getState().rowSelection,e.getSortedRowModel()],(t,n)=>Object.keys(t).length?dt(e,n):{rows:[],flatRows:[],rowsById:{}},L(e.options,`debugTable`,`getGroupedSelectedRowModel`)),e.getIsAllRowsSelected=()=>{let t=e.getFilteredRowModel().flatRows,{rowSelection:n}=e.getState(),r=!!(t.length&&Object.keys(n).length);return r&&t.some(e=>e.getCanSelect()&&!n[e.id])&&(r=!1),r},e.getIsAllPageRowsSelected=()=>{let t=e.getPaginationRowModel().flatRows.filter(e=>e.getCanSelect()),{rowSelection:n}=e.getState(),r=!!t.length;return r&&t.some(e=>!n[e.id])&&(r=!1),r},e.getIsSomeRowsSelected=()=>{let t=Object.keys(e.getState().rowSelection??{}).length;return t>0&&t<e.getFilteredRowModel().flatRows.length},e.getIsSomePageRowsSelected=()=>{let t=e.getPaginationRowModel().flatRows;return e.getIsAllPageRowsSelected()?!1:t.filter(e=>e.getCanSelect()).some(e=>e.getIsSelected()||e.getIsSomeSelected())},e.getToggleAllRowsSelectedHandler=()=>t=>{e.toggleAllRowsSelected(t.target.checked)},e.getToggleAllPageRowsSelectedHandler=()=>t=>{e.toggleAllPageRowsSelected(t.target.checked)}},createRow:(e,t)=>{e.toggleSelected=(n,r)=>{let i=e.getIsSelected();t.setRowSelection(a=>{if(n=n===void 0?!i:n,e.getCanSelect()&&i===n)return a;let o={...a};return ut(o,e.id,n,r?.selectChildren??!0,t),o})},e.getIsSelected=()=>{let{rowSelection:n}=t.getState();return ft(e,n)},e.getIsSomeSelected=()=>{let{rowSelection:n}=t.getState();return pt(e,n)===`some`},e.getIsAllSubRowsSelected=()=>{let{rowSelection:n}=t.getState();return pt(e,n)===`all`},e.getCanSelect=()=>typeof t.options.enableRowSelection==`function`?t.options.enableRowSelection(e):t.options.enableRowSelection??!0,e.getCanSelectSubRows=()=>typeof t.options.enableSubRowSelection==`function`?t.options.enableSubRowSelection(e):t.options.enableSubRowSelection??!0,e.getCanMultiSelect=()=>typeof t.options.enableMultiRowSelection==`function`?t.options.enableMultiRowSelection(e):t.options.enableMultiRowSelection??!0,e.getToggleSelectedHandler=()=>{let t=e.getCanSelect();return n=>{t&&e.toggleSelected(n.target?.checked)}}}},ut=(e,t,n,r,i)=>{var a;let o=i.getRow(t,!0);n?(o.getCanMultiSelect()||Object.keys(e).forEach(t=>delete e[t]),o.getCanSelect()&&(e[t]=!0)):delete e[t],r&&(a=o.subRows)!=null&&a.length&&o.getCanSelectSubRows()&&o.subRows.forEach(t=>ut(e,t.id,n,r,i))};function dt(e,t){let n=e.getState().rowSelection,r=[],i={},a=function(e,t){return e.map(e=>{var t;let o=ft(e,n);if(o&&(r.push(e),i[e.id]=e),(t=e.subRows)!=null&&t.length&&(e={...e,subRows:a(e.subRows)}),o)return e}).filter(Boolean)};return{rows:a(t.rows),flatRows:r,rowsById:i}}function ft(e,t){return t[e.id]??!1}function pt(e,t,n){var r;if(!((r=e.subRows)!=null&&r.length))return!1;let i=!0,a=!1;return e.subRows.forEach(e=>{if(!(a&&!i)&&(e.getCanSelect()&&(ft(e,t)?a=!0:i=!1),e.subRows&&e.subRows.length)){let n=pt(e,t);n===`all`?a=!0:(n===`some`&&(a=!0),i=!1)}}),i?`all`:a?`some`:!1}var mt=/([0-9]+)/gm,ht=(e,t,n)=>St(q(e.getValue(n)).toLowerCase(),q(t.getValue(n)).toLowerCase()),gt=(e,t,n)=>St(q(e.getValue(n)),q(t.getValue(n))),_t=(e,t,n)=>xt(q(e.getValue(n)).toLowerCase(),q(t.getValue(n)).toLowerCase()),vt=(e,t,n)=>xt(q(e.getValue(n)),q(t.getValue(n))),yt=(e,t,n)=>{let r=e.getValue(n),i=t.getValue(n);return r>i?1:r<i?-1:0},bt=(e,t,n)=>xt(e.getValue(n),t.getValue(n));function xt(e,t){return e===t?0:e>t?1:-1}function q(e){return typeof e==`number`?isNaN(e)||e===1/0||e===-1/0?``:String(e):typeof e==`string`?e:``}function St(e,t){let n=e.split(mt).filter(Boolean),r=t.split(mt).filter(Boolean);for(;n.length&&r.length;){let e=n.shift(),t=r.shift(),i=parseInt(e,10),a=parseInt(t,10),o=[i,a].sort();if(isNaN(o[0])){if(e>t)return 1;if(t>e)return-1;continue}if(isNaN(o[1]))return isNaN(i)?-1:1;if(i>a)return 1;if(a>i)return-1}return n.length-r.length}var J={alphanumeric:ht,alphanumericCaseSensitive:gt,text:_t,textCaseSensitive:vt,datetime:yt,basic:bt},Ct=[Oe,$e,We,Ke,Ae,ze,et,tt,{getInitialState:e=>({sorting:[],...e}),getDefaultColumnDef:()=>({sortingFn:`auto`,sortUndefined:1}),getDefaultOptions:e=>({onSortingChange:P(`sorting`,e),isMultiSortEvent:e=>e.shiftKey}),createColumn:(e,t)=>{e.getAutoSortingFn=()=>{let n=t.getFilteredRowModel().flatRows.slice(10),r=!1;for(let t of n){let n=t?.getValue(e.id);if(Object.prototype.toString.call(n)===`[object Date]`)return J.datetime;if(typeof n==`string`&&(r=!0,n.split(mt).length>1))return J.alphanumeric}return r?J.text:J.basic},e.getAutoSortDir=()=>typeof t.getFilteredRowModel().flatRows[0]?.getValue(e.id)==`string`?`asc`:`desc`,e.getSortingFn=()=>{if(!e)throw Error();return F(e.columnDef.sortingFn)?e.columnDef.sortingFn:e.columnDef.sortingFn===`auto`?e.getAutoSortingFn():t.options.sortingFns?.[e.columnDef.sortingFn]??J[e.columnDef.sortingFn]},e.toggleSorting=(n,r)=>{let i=e.getNextSortingOrder(),a=n!=null;t.setSorting(o=>{let s=o?.find(t=>t.id===e.id),c=o?.findIndex(t=>t.id===e.id),l=[],u,d=a?n:i===`desc`;return u=o!=null&&o.length&&e.getCanMultiSort()&&r?s?`toggle`:`add`:o!=null&&o.length&&c!==o.length-1?`replace`:s?`toggle`:`replace`,u===`toggle`&&(a||i||(u=`remove`)),u===`add`?(l=[...o,{id:e.id,desc:d}],l.splice(0,l.length-(t.options.maxMultiSortColCount??2**53-1))):l=u===`toggle`?o.map(t=>t.id===e.id?{...t,desc:d}:t):u===`remove`?o.filter(t=>t.id!==e.id):[{id:e.id,desc:d}],l})},e.getFirstSortDir=()=>e.columnDef.sortDescFirst??t.options.sortDescFirst??e.getAutoSortDir()===`desc`?`desc`:`asc`,e.getNextSortingOrder=n=>{let r=e.getFirstSortDir(),i=e.getIsSorted();return i?i!==r&&(t.options.enableSortingRemoval??!0)&&(!n||(t.options.enableMultiRemove??!0))?!1:i===`desc`?`asc`:`desc`:r},e.getCanSort=()=>(e.columnDef.enableSorting??!0)&&(t.options.enableSorting??!0)&&!!e.accessorFn,e.getCanMultiSort=()=>e.columnDef.enableMultiSort??t.options.enableMultiSort??!!e.accessorFn,e.getIsSorted=()=>{let n=t.getState().sorting?.find(t=>t.id===e.id);return n?n.desc?`desc`:`asc`:!1},e.getSortIndex=()=>t.getState().sorting?.findIndex(t=>t.id===e.id)??-1,e.clearSorting=()=>{t.setSorting(t=>t!=null&&t.length?t.filter(t=>t.id!==e.id):[])},e.getToggleSortingHandler=()=>{let n=e.getCanSort();return r=>{n&&(r.persist==null||r.persist(),e.toggleSorting==null||e.toggleSorting(void 0,e.getCanMultiSort()?t.options.isMultiSortEvent==null?void 0:t.options.isMultiSortEvent(r):!1))}}},createTable:e=>{e.setSorting=t=>e.options.onSortingChange==null?void 0:e.options.onSortingChange(t),e.resetSorting=t=>{e.setSorting(t?[]:e.initialState?.sorting??[])},e.getPreSortedRowModel=()=>e.getGroupedRowModel(),e.getSortedRowModel=()=>(!e._getSortedRowModel&&e.options.getSortedRowModel&&(e._getSortedRowModel=e.options.getSortedRowModel(e)),e.options.manualSorting||!e._getSortedRowModel?e.getPreSortedRowModel():e._getSortedRowModel())}},He,nt,ot,ct,lt,Xe];function wt(e){let t=[...Ct,...e._features??[]],n={_features:t},r=n._features.reduce((e,t)=>Object.assign(e,t.getDefaultOptions==null?void 0:t.getDefaultOptions(n)),{}),i=e=>n.options.mergeOptions?n.options.mergeOptions(r,e):{...r,...e},a={...e.initialState??{}};n._features.forEach(e=>{a=(e.getInitialState==null?void 0:e.getInitialState(a))??a});let o=[],s=!1,c={_features:t,options:{...r,...e},initialState:a,_queue:e=>{o.push(e),s||(s=!0,Promise.resolve().then(()=>{for(;o.length;)o.shift()();s=!1}).catch(e=>setTimeout(()=>{throw e})))},reset:()=>{n.setState(n.initialState)},setOptions:e=>{n.options=i(N(e,n.options))},getState:()=>n.options.state,setState:e=>{n.options.onStateChange==null||n.options.onStateChange(e)},_getRowId:(e,t,r)=>(n.options.getRowId==null?void 0:n.options.getRowId(e,t,r))??`${r?[r.id,t].join(`.`):t}`,getCoreRowModel:()=>(n._getCoreRowModel||=n.options.getCoreRowModel(n),n._getCoreRowModel()),getRowModel:()=>n.getPaginationRowModel(),getRow:(e,t)=>{let r=(t?n.getPrePaginationRowModel():n.getRowModel()).rowsById[e];if(!r&&(r=n.getCoreRowModel().rowsById[e],!r))throw Error();return r},_getDefaultColumnDef:I(()=>[n.options.defaultColumn],e=>(e??={},{header:e=>{let t=e.header.column.columnDef;return t.accessorKey?t.accessorKey:t.accessorFn?t.id:null},cell:e=>{var t;return((t=e.renderValue())==null||t.toString==null?void 0:t.toString())??null},...n._features.reduce((e,t)=>Object.assign(e,t.getDefaultColumnDef==null?void 0:t.getDefaultColumnDef()),{}),...e}),L(e,`debugColumns`,`_getDefaultColumnDef`)),_getColumnDefs:()=>n.options.columns,getAllColumns:I(()=>[n._getColumnDefs()],e=>{let t=function(e,r,i){return i===void 0&&(i=0),e.map(e=>{let a=R(n,e,i,r),o=e;return a.columns=o.columns?t(o.columns,a,i+1):[],a})};return t(e)},L(e,`debugColumns`,`getAllColumns`)),getAllFlatColumns:I(()=>[n.getAllColumns()],e=>e.flatMap(e=>e.getFlatColumns()),L(e,`debugColumns`,`getAllFlatColumns`)),_getAllFlatColumnsById:I(()=>[n.getAllFlatColumns()],e=>e.reduce((e,t)=>(e[t.id]=t,e),{}),L(e,`debugColumns`,`getAllFlatColumnsById`)),getAllLeafColumns:I(()=>[n.getAllColumns(),n._getOrderColumnsFn()],(e,t)=>t(e.flatMap(e=>e.getLeafColumns())),L(e,`debugColumns`,`getAllLeafColumns`)),getColumn:e=>n._getAllFlatColumnsById()[e]};Object.assign(n,c);for(let e=0;e<n._features.length;e++){let t=n._features[e];t==null||t.createTable==null||t.createTable(n)}return n}function Tt(){return e=>I(()=>[e.options.data],t=>{let n={rows:[],flatRows:[],rowsById:{}},r=function(t,i,a){i===void 0&&(i=0);let o=[];for(let c=0;c<t.length;c++){let l=ke(e,e._getRowId(t[c],c,a),t[c],c,i,void 0,a?.id);if(n.flatRows.push(l),n.rowsById[l.id]=l,o.push(l),e.options.getSubRows){var s;l.originalSubRows=e.options.getSubRows(t[c],c),(s=l.originalSubRows)!=null&&s.length&&(l.subRows=r(l.originalSubRows,i+1,l))}}return o};return n.rows=r(t),n},L(e.options,`debugTable`,`getRowModel`,()=>e._autoResetPageIndex()))}function Et(e,t){return e?Dt(e)?j.createElement(e,t):e:null}function Dt(e){return Ot(e)||typeof e==`function`||kt(e)}function Ot(e){return typeof e==`function`&&(()=>{let t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function kt(e){return typeof e==`object`&&typeof e.$$typeof==`symbol`&&[`react.memo`,`react.forward_ref`].includes(e.$$typeof.description)}function At(e){let t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=j.useState(()=>({current:wt(t)})),[r,i]=j.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...r,...e.state},onStateChange:t=>{i(t),e.onStateChange==null||e.onStateChange(t)}})),n.current}function jt(e,t){if(t<=7)return Array.from({length:t},(e,t)=>t+1);let n=[1];e>3&&n.push(`ellipsis`);let r=Math.max(2,e-1),i=Math.min(t-1,e+1);for(let e=r;e<=i;e++)n.push(e);return e<t-2&&n.push(`ellipsis`),n.push(t),n}function Mt(e,t,n){let r=new URLSearchParams;return r.set(n,String(t)),`${e}?${r.toString()}`}function Nt({pagination:e,onPageChange:t,labels:n={},pageQueryKey:r}){let i={...O.pagination,...n},o=r??`page`,s=(e.current_page-1)*e.per_page+1,c=Math.min(e.current_page*e.per_page,e.total),l=(0,j.useCallback)((n,r)=>{r&&t?.(n,r,e.path||``)},[t,e.path]),u=e.prev_page_url!==null,d=e.next_page_url!==null,f=jt(e.current_page,e.last_page);return(0,M.jsxs)(`div`,{className:x(`pagination--component`,`flex items-center justify-between px-5 py-3`),children:[(0,M.jsxs)(a,{size:`xs`,type:`secondary`,className:`tabular-nums tracking-tight`,children:[(0,M.jsxs)(a,{tag:`span`,weight:`medium`,className:`text-foreground`,children:[s,`–`,c]}),` `,i.of,` `,(0,M.jsx)(a,{tag:`span`,weight:`medium`,className:`text-foreground`,children:e.total}),` `,i.entries]}),(0,M.jsx)(xe,{"aria-label":i.ariaLabel,className:`w-auto mx-0`,children:(0,M.jsxs)(ve,{className:`gap-0.5`,children:[(0,M.jsx)(_e,{children:(0,M.jsx)(be,{text:i.previous,href:`#`,onClick:t=>{t.preventDefault(),l(e.current_page-1,e.prev_page_url)},"aria-disabled":!u,className:`h-8 text-xs ${u?``:`pointer-events-none opacity-40`}`})}),f.map((t,n)=>{let r=t===`ellipsis`,i=r?`ellipsis-${e.current_page}-${n}`:`page-${t}`;return(0,M.jsx)(_e,{children:r?(0,M.jsx)(ye,{className:`size-8`}):(0,M.jsx)(E,{href:`#`,isActive:t===e.current_page,onClick:n=>{n.preventDefault(),l(t,Mt(e.path,t,o))},className:`size-8 text-xs`,children:t})},i)}),(0,M.jsx)(_e,{children:(0,M.jsx)(D,{text:i.next,href:`#`,onClick:t=>{t.preventDefault(),l(e.current_page+1,e.next_page_url)},"aria-disabled":!d,className:`h-8 text-xs ${d?``:`pointer-events-none opacity-40`}`})})]})})]})}Nt.displayName=`Pagination`;var Pt=(e,t,n)=>{typeof e==`function`?t(t=>{let r=e(t);return n&&n(r),r}):(t(e),n&&n(e))},Ft=(e,t,n)=>{typeof e==`function`?t(t=>{let r=e(t);return n&&n(r),r}):(t(e),n&&n(e))},It=(e,t,n,r)=>{let i=``;return r&&(i+=`bg-primary/5 `),typeof n==`function`?i+=n(e,t)+` `:n&&(i+=n+` `),i.trim()},Lt=(e,t,n,r,i)=>{let a=``;return typeof n==`string`?a=n:n&&t&&(a=n(e,t)),r&&i?`${a} sticky left-0 z-10 bg-card`:a},Rt=(e,t=O)=>(0,M.jsx)(`div`,{className:`px-1`,children:(0,M.jsx)(de,{className:`size-3.5 cursor-pointer disabled:cursor-not-allowed disabled:opacity-40`,checked:e.getIsSelected(),disabled:!e.getCanSelect(),onCheckedChange:t=>e.toggleSelected(t===!0),onClick:e=>e.stopPropagation(),"aria-label":t.selection.row(e.index)})}),zt=(e,t=O)=>(0,M.jsx)(`div`,{className:`px-1`,children:(0,M.jsx)(de,{className:`size-3.5 cursor-pointer`,checked:e.getIsAllPageRowsSelected(),indeterminate:e.getIsSomePageRowsSelected()&&!e.getIsAllPageRowsSelected(),onCheckedChange:t=>e.toggleAllPageRowsSelected(t===!0),"aria-label":t.selection.selectAll})}),Bt=(e,t=O)=>[{id:`selection`,header:({table:e})=>zt(e,t),cell:({row:e})=>Rt(e,t),enableSorting:!1,enableResizing:!1,size:40},...e];function Vt({table:e,onRowClick:t,emptyStateMessage:n,emptyStateAction:r,cellClassName:i=``,rowClassName:o=``,stickyFirstColumn:s=!1,striped:c=!1,dense:l=!1,strings:u}){let d=e.getRowModel().rows,f=n??u?.emptyState.message??O.emptyState.message,p=e=>{t&&t(e)};return d.length?(0,M.jsx)(w,{children:d.map((e,n)=>{let r=e.getIsSelected(),a=e.getVisibleCells(),u=It(e,n,o,r),d=()=>{t&&p(e.original)},f=x(u,c&&n%2!=0?`bg-muted/30`:``,`transition-colors duration-150`,`hover:bg-muted/50 data-[state=selected]:bg-primary/10`,t?`cursor-pointer`:``,`border-b border-border/50 last:border-b-0`);return(0,M.jsx)(T,{"data-state":r?`selected`:null,className:f,onClick:d,children:a.map((t,n)=>(0,M.jsx)(C,{className:x(Lt(t.column.id,e,i,s,n===0),`first:pl-5 last:pr-5`,t.column.columnDef.meta?.align===`end`&&`text-right`,t.column.columnDef.meta?.align===`center`&&`text-center`,l&&`py-1.5 px-2 first:pl-3 last:pr-3 text-xxs leading-3`),children:Et(t.column.columnDef.cell,t.getContext())},t.id))},e.id)})}):(0,M.jsx)(w,{className:`table-body--component`,children:(0,M.jsx)(T,{className:`hover:bg-transparent`,children:(0,M.jsx)(C,{className:`h-24 text-center`,colSpan:e.getAllColumns().length,children:(0,M.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-12 space-y-2`,children:[(0,M.jsx)(`div`,{className:`flex items-center justify-center size-10 rounded-full bg-muted mb-1`,children:(0,M.jsx)(`svg`,{className:`size-5 text-muted-foreground/60`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,strokeWidth:1.5,stroke:`currentColor`,children:(0,M.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5m6 4.125l2.25 2.25m0 0l2.25-2.25M12 13.875V7.5M3.75 7.5h16.5`})})}),(0,M.jsx)(a,{type:`secondary`,weight:`medium`,children:f}),!!r&&(0,M.jsx)(`div`,{className:`mt-1`,children:r})]})})})})}Vt.displayName=`DataTableBody`;function Ht({table:e,enableResizing:t=!1,stickyHeader:n=!1,headerClassName:r=``,cellClassName:i=``,stickyFirstColumn:a=!1,columnGroups:o,dense:s=!1,headerTransparent:c=!1}){let d=e.getHeaderGroups(),f=e=>o?o.find(t=>t.columns.includes(e)):null;return(0,M.jsxs)(he,{className:x(n&&(c?`sticky top-[var(--topbar-height)] z-10 bg-background/80 backdrop-blur-md shadow-[0_1px_0_0_var(--border)]`:`sticky top-[var(--topbar-height)] z-10 bg-muted/70 backdrop-blur-md shadow-[0_1px_0_0_var(--border)]`),r),children:[(()=>{if(!o||o.length===0||d.length===0)return null;let e=d[0].headers,t=null,n=0,r=[];return e.forEach((i,a)=>{let o=f(i.id)?.header||``;o===t?n++:(t!==null&&n>0&&r.push((0,M.jsx)(S,{colSpan:n,className:`text-center border-r border-border/60 last:border-r-0 px-3 py-2 text-xxs font-bold uppercase tracking-widest text-muted-foreground/70 bg-muted/40`,children:t||``},`group-${t}-${r.length}`)),t=o,n=1),a===e.length-1&&n>0&&r.push((0,M.jsx)(S,{colSpan:n,className:`text-center border-r border-border/60 last:border-r-0 px-3 py-2 text-xxs font-bold uppercase tracking-widest text-muted-foreground/70 bg-muted/40 whitespace-nowrap`,children:t||``},`group-${t}-${r.length}`))}),(0,M.jsx)(T,{className:x(`table-header--component`,`border-b border-border`),children:r})})(),d.map(e=>(0,M.jsx)(T,{className:x(`border-b border-border`,c?`bg-transparent hover:bg-transparent`:`bg-muted/70 hover:bg-muted/70`),children:e.headers.map((e,n)=>{let r=x(Lt(e.id,null,i,a,n===0),`first:pl-5 last:pr-5`,s&&`px-2 py-1.5 first:pl-3 last:pr-3 text-xxs`,`text-muted-foreground font-medium whitespace-nowrap`,e.column.columnDef.meta?.align===`end`&&`text-right`,e.column.columnDef.meta?.align===`center`&&`text-center`,`bg-transparent`),o=t?{position:`relative`}:void 0,c=e.getResizeHandler(),d=e.column.getIsResizing(),f=(()=>{let t=e.column.columnDef.header;return typeof t==`string`?t:typeof e.id==`string`?e.id:`column`})();return(0,M.jsx)(S,{className:r,style:o,children:e.isPlaceholder?null:(0,M.jsxs)(`div`,{children:[(()=>{let t=e.column.getCanSort(),n=e.column.getIsSorted(),r=Et(e.column.columnDef.header,e.getContext()),i=n===`asc`?u:n===`desc`?l:m;return t?(0,M.jsxs)(`button`,{type:`button`,onClick:e.column.getToggleSortingHandler(),className:x(`group inline-flex items-center gap-1.5 select-none -ml-1 px-1 rounded`,`hover:text-foreground transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,n&&`text-foreground`),"aria-label":`Sort ${f}`,children:[r,(0,M.jsx)(i,{className:x(`size-3 shrink-0 transition-opacity`,n?`opacity-100`:`opacity-30 group-hover:opacity-70`),"aria-hidden":`true`})]}):(0,M.jsx)(`div`,{className:x(`flex items-center`,e.column.columnDef.meta?.align===`end`&&`justify-end`,e.column.columnDef.meta?.align===`center`&&`justify-center`),children:r})})(),!!t&&(0,M.jsx)(`button`,{type:`button`,className:x(`absolute top-0 right-0 h-full w-1 cursor-col-resize select-none touch-none bg-foreground bg-opacity-50 opacity-0 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none`,d&&`!bg-primary-600 bg-opacity-100`),"aria-label":`Resize ${f}`,"aria-orientation":`vertical`,onMouseDown:c,onTouchStart:c})]})},e.id)})},e.id))]})}Ht.displayName=`DataTableHeader`;var Ut=300,Wt=`inline-flex items-center justify-center h-7 w-7 rounded-none text-muted-foreground/70 hover:bg-muted hover:text-foreground transition-colors duration-150 disabled:opacity-30 disabled:pointer-events-none`;function Gt({label:e,onClick:t,disabled:n,className:r,children:i}){return(0,M.jsx)(`button`,{type:`button`,"aria-label":e,className:x(`table-toolbar--component`,Wt,r),onClick:t,disabled:n,children:i})}function Kt(e){return e?e.querySelector(`[data-slot="table-container"]`):null}function qt({table:e,tableAreaRef:t,dense:n,onDenseChange:r,enableColumnVisibility:i=!1,strings:a=O}){let[o,s]=(0,j.useState)(!1),[c,l]=(0,j.useState)(!1),u=(0,j.useRef)(0),d=(0,j.useRef)(null),m=(0,j.useCallback)(()=>{let e=Kt(t.current);if(!e){s(!1),l(!1);return}let{scrollLeft:n,scrollWidth:r,clientWidth:i}=e;s(n>1),l(n+i<r-1)},[t]);(0,j.useEffect)(()=>{let e=window.setTimeout(()=>{let e=Kt(t.current);if(!e)return;m();let n=()=>{cancelAnimationFrame(u.current),u.current=requestAnimationFrame(m)};e.addEventListener(`scroll`,n,{passive:!0});let r=new ResizeObserver(m);r.observe(e),e.firstElementChild&&r.observe(e.firstElementChild),d.current=()=>{e.removeEventListener(`scroll`,n),cancelAnimationFrame(u.current),r.disconnect()}},0);return()=>{window.clearTimeout(e),d.current?.()}},[t,m,n]);let h=(0,j.useCallback)(()=>{Kt(t.current)?.scrollBy({left:-300,behavior:`smooth`})},[t]),g=(0,j.useCallback)(()=>{Kt(t.current)?.scrollBy({left:Ut,behavior:`smooth`})},[t]),_=(0,j.useCallback)(()=>{r(!n)},[n,r]),ee=i?e.getAllColumns().filter(e=>e.getCanHide()):[],v=o||c,y=i&&ee.length>0,te=n?a.toolbar.comfortable:a.toolbar.dense;return(0,M.jsxs)(`div`,{className:`flex items-center rounded-md border border-border bg-card`,children:[!!v&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(Gt,{label:a.toolbar.scrollLeft,onClick:h,disabled:!o,className:`rounded-l-[calc(theme(borderRadius.md)-1px)]`,children:(0,M.jsx)(f,{className:`h-3.5 w-3.5`})}),(0,M.jsx)(Gt,{label:a.toolbar.scrollRight,onClick:g,disabled:!c,children:(0,M.jsx)(p,{className:`h-3.5 w-3.5`})}),(0,M.jsx)(`div`,{className:`h-4 w-px bg-border`})]}),!!y&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(Jt,{columns:ee,strings:a,roundLeft:!v}),(0,M.jsx)(`div`,{className:`h-4 w-px bg-border`})]}),(0,M.jsx)(Gt,{label:te,onClick:_,className:x(`rounded-r-[calc(theme(borderRadius.md)-1px)]`,!v&&!y&&`rounded-l-[calc(theme(borderRadius.md)-1px)]`),children:n?(0,M.jsx)(k,{className:`h-3.5 w-3.5`}):(0,M.jsx)(A,{className:`h-3.5 w-3.5`})})]})}function Jt({columns:e,strings:t,roundLeft:n}){return(0,M.jsxs)(ue,{children:[(0,M.jsx)(oe,{render:e=>(0,M.jsx)(`button`,{...e,type:`button`,"aria-label":t.toolbar.columns,className:x(Wt,e.className,n&&`rounded-l-[calc(theme(borderRadius.md)-1px)]`),children:(0,M.jsx)(we,{className:`h-3.5 w-3.5`})})}),(0,M.jsxs)(le,{align:`end`,className:`w-[200px]`,children:[(0,M.jsx)(ce,{children:t.columnVisibility.title}),(0,M.jsx)(ae,{}),e.map(e=>{let n=e.columnDef.header,r=t.columnVisibility.formatLabel(e.id,typeof n==`string`?n:void 0);return(0,M.jsx)(se,{className:`capitalize`,checked:e.getIsVisible(),onCheckedChange:t=>e.toggleVisibility(!!t),children:r},e.id)})]})]})}qt.displayName=`DataTableToolbar`;var Yt=(0,j.createContext)(`xs`),Xt={xs:`[&_th]:text-xxs [&_td]:text-xs   [&_th]:py-1.5 [&_td]:py-1.5 [&_th]:px-2   [&_td]:px-2   [&_th]:h-8`,sm:`[&_th]:text-xxs [&_td]:text-sm   [&_th]:py-2   [&_td]:py-2   [&_th]:px-2.5 [&_td]:px-2.5 [&_th]:h-10`,base:`[&_th]:text-xs  [&_td]:text-base [&_th]:py-3.5 [&_td]:py-3   [&_th]:px-4   [&_td]:px-3   [&_th]:h-14`};function Y({size:e,surface:t=`card`,headerTransparent:n=!0,columns:r,data:i,columnGroups:a,rowActions:s,rowActionsMenuLabel:c,rowActionsDisplayMode:l,rowActionsBreakpoint:u,enableSorting:d=!1,manualSorting:f=!1,enableColumnVisibility:p=!1,enableRowSelection:m=!1,enableMultiRowSelection:h=!0,enableSubRowSelection:g=!1,pagination:_,pageQueryKey:ee,onPageChange:v,onSort:y,onRowClick:te,onRowSelectionChange:ne,stickyHeader:b=!1,stickyFirstColumn:re=!1,emptyStateMessage:ie,emptyStateAction:ae,className:oe=``,rowClassName:se=``,cellClassName:ce=``,headerClassName:le=``,wrapperClassName:ue=``,innerClassName:de=`overflow-x-auto`,tableContainerClassName:pe=``,getRowId:me,rowSelection:S,initialState:C,onColumnVisibilityChange:w,strings:he,topbarContent:T,storageKey:E}){let{defaultSize:_e}=o(),ve=e??_e??`xs`,D=(0,j.useMemo)(()=>Se(he),[he]),ye=x(`bg-card`,se),be=ie??D.emptyState.message,xe=c??D.actions.triggerLabel,O=ee??`page`,we=Array.isArray(r)&&r.length===2&&Array.isArray(r[1])?r[0]:r,k=(0,j.useMemo)(()=>E?`dt.${E}.columns`:null,[E]),A=(0,j.useMemo)(()=>E?`dt.${E}.dense`:null,[E]),N=(0,j.useMemo)(()=>{if(!k||typeof window>`u`)return C?.columnVisibility||{};try{let e=window.localStorage.getItem(k);return{...e?JSON.parse(e):{},...C?.columnVisibility||{}}}catch{return C?.columnVisibility||{}}},[k,C?.columnVisibility]),P=(0,j.useMemo)(()=>{if(!A||typeof window>`u`)return!1;try{return window.localStorage.getItem(A)===`1`}catch{return!1}},[A]),[F,Te]=(0,j.useState)(C?.sorting||[]),[Ee,I]=(0,j.useState)(N),[L,De]=(0,j.useState)(C?.rowSelection||{}),[R,z]=(0,j.useState)(P),B=S??L,Oe=(0,j.useRef)(null),V=(0,j.useCallback)(e=>{Pt(e,Te,y)},[y]),ke=(0,j.useCallback)(e=>{Ft(e,I,e=>{if(k&&typeof window<`u`)try{window.localStorage.setItem(k,JSON.stringify(e))}catch{}w&&w(e)})},[k,w]),Ae=(0,j.useCallback)(e=>{let t=typeof e==`function`?e(B):e;S===void 0&&De(t),ne?.(t)},[S,ne,B]),je=(0,j.useCallback)(e=>{if(z(e),A&&typeof window<`u`)try{window.localStorage.setItem(A,e?`1`:`0`)}catch{}},[A]),H=At({data:i,columns:(0,j.useMemo)(()=>{let e=m?Bt(we,D):we;if(!s)return e;let t={id:`actions`,header:D.actions.triggerLabel,cell:({row:e})=>(0,M.jsx)(Ce,{row:e.original,actions:s,menuLabel:xe,displayMode:l,responsiveBreakpoint:u,strings:D}),enableSorting:!1,enableHiding:!1,size:40};return[...e,t]},[we,m,s,xe,u,l,D]),state:{sorting:F,columnVisibility:Ee,rowSelection:B},enableSorting:d,manualSorting:f,enableRowSelection:m,enableMultiRowSelection:h,enableSubRowSelection:g,onSortingChange:d&&f?V:void 0,onRowSelectionChange:m?Ae:void 0,onColumnVisibilityChange:ke,getCoreRowModel:Tt(),getRowId:me}),Me=_&&_.last_page>1,Ne=Yt.Provider;return(0,M.jsx)(Ne,{value:ve,children:(0,M.jsxs)(`div`,{className:x(R?`fixed inset-0 z-50 bg-background flex flex-col overflow-hidden p-6`:x(`w-full min-w-0 max-w-full`,t===`card`&&`overflow-hidden rounded-lg border border-border bg-card shadow-[0_1px_3px_0_color-mix(in_oklch,var(--foreground)_4%,transparent)]`,t===`glass`&&`rounded-md overflow-hidden border border-border/60`,ue)),children:[!!(T||p)&&(0,M.jsxs)(`div`,{className:`relative`,children:[(0,M.jsxs)(`div`,{className:x(`data-table-topbar flex items-end justify-between gap-4 px-5 py-3.5`,R?`mb-3 shrink-0`:`mb-0`),children:[(0,M.jsx)(`div`,{className:`data-table-topbar-left flex-1`,children:T}),(0,M.jsx)(`div`,{className:`data-table-topbar-right flex items-center justify-end`,children:(0,M.jsx)(qt,{table:H,tableAreaRef:Oe,dense:R,onDenseChange:je,enableColumnVisibility:p,strings:D})})]}),(0,M.jsx)(fe,{})]}),(0,M.jsx)(`div`,{ref:Oe,className:x(``,R?`flex-1 overflow-auto min-h-0`:de),children:(0,M.jsxs)(ge,{className:x(`relative`,Xt[ve],oe),containerClassName:pe,children:[(0,M.jsx)(Ht,{table:H,stickyHeader:b,headerClassName:le,cellClassName:ce,stickyFirstColumn:re,columnGroups:a,dense:R,headerTransparent:n}),(0,M.jsx)(Vt,{table:H,onRowClick:te,emptyStateMessage:be,emptyStateAction:ae,cellClassName:ce,rowClassName:ye,stickyFirstColumn:re,strings:D,dense:R})]})}),!!Me&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(fe,{}),(0,M.jsx)(Nt,{pagination:_,onPageChange:v,pageQueryKey:O,labels:D.pagination})]})]})})}Y.displayName=`DataTable`;function Zt({value:e,map:t,emptyLabel:n=`—`,className:r}){if(!e||!(e in t))return(0,M.jsx)(a,{size:`inherit`,type:`secondary`,className:x(`opacity-60`,r),children:n});let i=t[e],o=i.icon;return(0,M.jsxs)(s,{variant:i.variant??`secondary`,className:x(`gap-1.5`,r),children:[!!o&&(0,M.jsx)(o,{className:`size-3`}),i.label]})}Zt.displayName=`StatusCell`;var Qt={month:`short`,day:`numeric`,year:`numeric`};function $t({value:e,options:t=Qt,locale:n,showIcon:r=!0,icon:i=d,emptyLabel:o=`—`,className:s}){if(e==null||e===``)return(0,M.jsx)(a,{size:`inherit`,type:`secondary`,className:x(`opacity-60`,s),children:o});let c=e instanceof Date?e:new Date(e);if(Number.isNaN(c.getTime()))return(0,M.jsx)(a,{size:`inherit`,type:`secondary`,className:x(`opacity-60`,s),children:o});let l=new Intl.DateTimeFormat(n,t);return(0,M.jsxs)(`span`,{className:x(`inline-flex items-center gap-1.5 tabular-nums`,s),children:[!!r&&(0,M.jsx)(i,{className:`size-3.5 text-muted-foreground`}),(0,M.jsx)(a,{size:`inherit`,type:`secondary`,children:l.format(c)})]})}$t.displayName=`DateCell`;function en({value:e,currency:t,locale:n,emptyLabel:r=`—`,className:i,weight:o=`semibold`}){let s=typeof e==`number`?e:Number.parseFloat(String(e??``));if(!Number.isFinite(s))return(0,M.jsx)(a,{size:`inherit`,type:`secondary`,className:x(`opacity-60`,i),children:r});let c=t?new Intl.NumberFormat(n,{style:`currency`,currency:t,maximumFractionDigits:2}).format(s):s.toFixed(2);return(0,M.jsx)(a,{tag:`span`,size:`inherit`,weight:o,className:x(`tabular-nums`,i),children:c})}en.displayName=`CurrencyCell`;function tn(e){return e.split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0].toUpperCase()).join(``)}function nn({name:e,imageUrl:t,icon:n=ee,subtitle:r,emptyLabel:i=`—`,className:o}){return!e||e.trim().length===0?(0,M.jsx)(a,{size:`inherit`,type:`secondary`,className:x(`opacity-60`,o),children:i}):(0,M.jsxs)(`span`,{className:x(`inline-flex items-center gap-2`,o),children:[(0,M.jsx)(`span`,{className:`relative inline-flex size-7 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground`,children:t?(0,M.jsx)(`img`,{src:t,alt:e,className:`absolute inset-0 size-full object-cover`}):e.length>0?(0,M.jsx)(a,{size:`xs`,weight:`semibold`,className:`leading-none`,children:tn(e)}):(0,M.jsx)(n,{className:`size-3.5`})}),(0,M.jsxs)(`span`,{className:`min-w-0 inline-flex flex-col`,children:[(0,M.jsx)(a,{size:`inherit`,weight:`medium`,className:`truncate`,children:e}),!!r&&(0,M.jsx)(a,{size:`xs`,type:`secondary`,className:`truncate`,children:r})]})]})}nn.displayName=`AvatarCell`;var rn=e({BasicDefaultSizeXsCompact:()=>an,CellRenderers:()=>yn,EmptyState:()=>wn,PaginationExample:()=>fn,RealisticOrdersTable:()=>hn,SizeBase:()=>sn,SizeSm:()=>on,SizeSmGlassExplicitCellTextScaling:()=>un,StickyHeaderAndFirstColumn:()=>Cn,SurfaceFlatInsideSmartCardTableRendersNoChrome:()=>ln,SurfaceGlassHeaderTransparentCleanOutlineNoMutedHeader:()=>cn,WithColumnVisibility:()=>xn,WithCustomToolbar:()=>Sn,WithRowSelection:()=>bn,WithSortingRowActions:()=>dn}),X=[{id:`ORD-001`,customer:`Sarah Smitha`,amount:`2,450 USD`,status:`paid`,date:`Mar 24`},{id:`ORD-002`,customer:`Daniel Smith`,amount:`370 USD`,status:`pending`,date:`Mar 25`},{id:`ORD-003`,customer:`Emma Garcia`,amount:`320 USD`,status:`paid`,date:`Mar 26`},{id:`ORD-004`,customer:`David Williams`,amount:`580 USD`,status:`overdue`,date:`Mar 14`},{id:`ORD-005`,customer:`Nadia Kowalski`,amount:`120 USD`,status:`paid`,date:`Mar 27`}],Z=[{accessorKey:`id`,header:`Order`,cell:({getValue:e})=>(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(`span`,{className:`inline-flex size-6 items-center justify-center rounded-md bg-primary/10 text-primary`,children:(0,M.jsx)(v,{className:`size-3.5`})}),(0,M.jsx)(a,{tag:`span`,size:`inherit`,weight:`semibold`,className:`font-mono`,children:String(e())})]})},{accessorKey:`customer`,header:`Customer`,cell:({row:e})=>(0,M.jsx)(nn,{name:e.original.customer})},{accessorKey:`amount`,header:`Amount`,meta:{align:`end`},cell:({getValue:e})=>(0,M.jsx)(a,{tag:`span`,size:`inherit`,weight:`semibold`,className:`tabular-nums`,children:String(e())})},{accessorKey:`status`,header:`Status`,cell:({getValue:e})=>{let t=e();return(0,M.jsx)(s,{variant:t===`paid`?`success`:t===`pending`?`warning`:`error`,dot:!0,children:t})}},{accessorKey:`date`,header:`Date`,cell:({getValue:e})=>(0,M.jsx)(a,{tag:`span`,size:`inherit`,type:`secondary`,className:`tabular-nums`,children:String(e())})}];function an(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(Y,{columns:Z,data:X})})}function on(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(Y,{size:`sm`,columns:Z,data:X})})}function sn(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(Y,{size:`base`,columns:Z,data:X})})}function cn(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(Y,{columns:Z,data:X,surface:`glass`,headerTransparent:!0})})}function ln(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(`div`,{className:`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card p-1`,children:(0,M.jsx)(Y,{columns:Z,data:X,surface:`flat`,headerTransparent:!0})})})}function un(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(Y,{columns:Z,data:X,size:`sm`,surface:`glass`,headerTransparent:!0})})}function dn(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(Y,{columns:Z,data:X,enableSorting:!0,rowActions:()=>[{id:`edit`,label:`Edit`,icon:(0,M.jsx)(y,{className:`size-3.5`}),onClick:()=>{}},{id:`delete`,label:`Delete`,icon:(0,M.jsx)(te,{className:`size-3.5`}),variant:`destructive`,onClick:()=>{}}]})})}function fn(){return(0,M.jsx)(Nt,{pagination:{current_page:3,last_page:12,per_page:10,total:117,path:`/orders`,prev_page_url:`/orders?page=2`,next_page_url:`/orders?page=4`},onPageChange:()=>{}})}var pn=me.map(e=>({id:e.id,number:e.number,customer:pe.find(t=>t.id===e.customerId)?.name??`—`,totalUsd:e.totalUsd,status:e.status})),mn=[{accessorKey:`number`,header:`Order`,cell:({getValue:e})=>(0,M.jsx)(`span`,{className:`font-mono text-xs`,children:String(e())})},{accessorKey:`customer`,header:`Customer`},{accessorKey:`totalUsd`,header:`Total`,cell:({getValue:e})=>(0,M.jsxs)(`span`,{className:`tabular-nums`,children:[`$`,e().toLocaleString()]})},{accessorKey:`status`,header:`Status`,cell:({getValue:e})=>{let t=e();return(0,M.jsx)(s,{variant:t===`paid`?`success`:t===`pending`?`warning`:t===`cancelled`?`error`:`info`,dot:!0,children:t})}}];function hn(){return(0,M.jsx)(Y,{columns:mn,data:pn,enableSorting:!0,rowActions:()=>[{id:`edit`,label:`Edit`,icon:(0,M.jsx)(y,{className:`size-3.5`}),onClick:()=>{}},{id:`delete`,label:`Delete`,icon:(0,M.jsx)(te,{className:`size-3.5`}),variant:`destructive`,onClick:()=>{}}]})}var gn=[{id:`1`,customer:`Sarah Smitha`,avatarUrl:`https://api.dicebear.com/7.x/avataaars/svg?seed=sarah`,createdAt:`2026-04-12`,total:2450,status:`paid`},{id:`2`,customer:`Daniel Smith`,avatarUrl:`https://api.dicebear.com/7.x/avataaars/svg?seed=dan`,createdAt:`2026-04-13`,total:370,status:`pending`},{id:`3`,customer:`Emma Garcia`,avatarUrl:`https://api.dicebear.com/7.x/avataaars/svg?seed=emma`,createdAt:`2026-04-15`,total:1280,status:`shipped`},{id:`4`,customer:`David Williams`,avatarUrl:`https://api.dicebear.com/7.x/avataaars/svg?seed=david`,createdAt:`2026-04-09`,total:580,status:`cancelled`}],_n={paid:{label:`Paid`,variant:`success`,icon:h},pending:{label:`Pending`,variant:`warning`,icon:_},shipped:{label:`Shipped`,variant:`info`,icon:ne},cancelled:{label:`Cancelled`,variant:`destructive`,icon:g}},vn=[{accessorKey:`customer`,header:`Customer`,cell:({row:e})=>(0,M.jsx)(nn,{name:e.original.customer,imageUrl:e.original.avatarUrl,subtitle:`#${e.original.id}`})},{accessorKey:`status`,header:`Status`,cell:({getValue:e})=>(0,M.jsx)(Zt,{value:e(),map:_n})},{accessorKey:`total`,header:`Total`,cell:({getValue:e})=>(0,M.jsx)(en,{value:e(),currency:`USD`,weight:`semibold`})},{accessorKey:`createdAt`,header:`Created`,cell:({getValue:e})=>(0,M.jsx)($t,{value:e()})}];function yn(){return(0,M.jsx)(Y,{columns:vn,data:gn})}function bn(){let[e,t]=(0,j.useState)({});return(0,M.jsxs)(`div`,{className:`flex w-full min-w-0 max-w-full flex-col gap-2 overflow-hidden`,children:[(0,M.jsx)(Y,{columns:Z,data:X,enableRowSelection:!0,rowSelection:e,onRowSelectionChange:t,getRowId:e=>e.id}),(0,M.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`selected: `,Object.keys(e).length===0?`—`:Object.keys(e).join(`, `)]})]})}function xn(){return(0,M.jsx)(Y,{columns:Z,data:X,enableSorting:!0,enableColumnVisibility:!0})}function Sn(){return(0,M.jsx)(Y,{columns:Z,data:X,enableColumnVisibility:!0,topbarContent:(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(a,{size:`sm`,weight:`semibold`,children:`Orders`}),(0,M.jsx)(s,{variant:`secondary`,children:X.length})]})})}function Cn(){return(0,M.jsx)(`div`,{className:`h-64 overflow-auto rounded-md border border-border`,children:(0,M.jsx)(Y,{columns:Z,data:[...X,...X,...X],stickyHeader:!0,stickyFirstColumn:!0})})}function wn(){return(0,M.jsx)(Y,{columns:Z,data:[],emptyStateMessage:`No orders match the current filters.`})}var Q=`import { useState } from 'react';
+import { type ColumnDef, type RowSelectionState } from '@tanstack/react-table';
+import { Edit, Trash2, ShoppingBag, CheckCircle2, Clock, XCircle, Truck } from 'lucide-react';
+import {
+	DataTable,
+	StatusCell,
+	DateCell,
+	CurrencyCell,
+	AvatarCell,
+	type StatusCellEntry,
+} from '@/components/base/table';
+import { Pagination } from '@/components/base/table/pagination';
+import { Badge } from '@/components/base/badge';
+import { Text } from '@/components/typography';
+import { MOCK_ORDERS, MOCK_CUSTOMERS } from '@/preview/_mocks';
+
+type Order = {
+	id: string;
+	customer: string;
+	amount: string;
+	status: 'paid' | 'pending' | 'overdue';
+	date: string;
+};
+
+const data: Order[] = [
+	{ id: 'ORD-001', customer: 'Sarah Smitha', amount: '2,450 USD', status: 'paid', date: 'Mar 24' },
+	{ id: 'ORD-002', customer: 'Daniel Smith', amount: '370 USD', status: 'pending', date: 'Mar 25' },
+	{ id: 'ORD-003', customer: 'Emma Garcia', amount: '320 USD', status: 'paid', date: 'Mar 26' },
+	{ id: 'ORD-004', customer: 'David Williams', amount: '580 USD', status: 'overdue', date: 'Mar 14' },
+	{ id: 'ORD-005', customer: 'Nadia Kowalski', amount: '120 USD', status: 'paid', date: 'Mar 27' },
+];
+
+const columns: ColumnDef<Order>[] = [
+	{
+		accessorKey: 'id',
+		header: 'Order',
+		cell: ({ getValue }) => (
+			<div className="flex items-center gap-2">
+				<span className="inline-flex size-6 items-center justify-center rounded-md bg-primary/10 text-primary">
+					<ShoppingBag className="size-3.5" />
+				</span>
+				<Text tag="span" size="inherit" weight="semibold" className="font-mono">
+					{String(getValue())}
+				</Text>
+			</div>
+		),
+	},
+	{
+		accessorKey: 'customer',
+		header: 'Customer',
+		cell: ({ row }) => <AvatarCell name={row.original.customer} />,
+	},
+	{
+		accessorKey: 'amount',
+		header: 'Amount',
+		meta: { align: 'end' },
+		cell: ({ getValue }) => (
+			<Text tag="span" size="inherit" weight="semibold" className="tabular-nums">
+				{String(getValue())}
+			</Text>
+		),
+	},
+	{
+		accessorKey: 'status',
+		header: 'Status',
+		cell: ({ getValue }) => {
+			const v = getValue() as Order['status'];
+			const variant = v === 'paid' ? 'success' : v === 'pending' ? 'warning' : 'error';
+			return <Badge variant={variant} dot>{v}</Badge>;
+		},
+	},
+	{
+		accessorKey: 'date',
+		header: 'Date',
+		cell: ({ getValue }) => (
+			<Text tag="span" size="inherit" type="secondary" className="tabular-nums">
+				{String(getValue())}
+			</Text>
+		),
+	},
+];
+
+export function BasicDefaultSizeXsCompact() {
+	return (
+		<>
+			<DataTable<Order> columns={columns} data={data} />
+		</>
+	);
+}
+
+export function SizeSm() {
+	return (
+		<>
+			<DataTable<Order> size="sm" columns={columns} data={data} />
+		</>
+	);
+}
+
+export function SizeBase() {
+	return (
+		<>
+			<DataTable<Order> size="base" columns={columns} data={data} />
+		</>
+	);
+}
+
+export function SurfaceGlassHeaderTransparentCleanOutlineNoMutedHeader() {
+	return (
+		<>
+			<DataTable<Order>
+								columns={columns}
+								data={data}
+								surface="glass"
+								headerTransparent
+							/>
+		</>
+	);
+}
+
+export function SurfaceFlatInsideSmartCardTableRendersNoChrome() {
+	return (
+		<>
+			<div className="w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card p-1">
+								<DataTable<Order>
+									columns={columns}
+									data={data}
+									surface="flat"
+									headerTransparent
+								/>
+							</div>
+		</>
+	);
+}
+
+export function SizeSmGlassExplicitCellTextScaling() {
+	return (
+		<>
+			<DataTable<Order>
+								columns={columns}
+								data={data}
+								size="sm"
+								surface="glass"
+								headerTransparent
+							/>
+		</>
+	);
+}
+
+export function WithSortingRowActions() {
+	return (
+		<>
+			<DataTable<Order>
+								columns={columns}
+								data={data}
+								enableSorting
+								rowActions={() => [
+									{ id: 'edit', label: 'Edit', icon: <Edit className="size-3.5" />, onClick: () => {} },
+									{ id: 'delete', label: 'Delete', icon: <Trash2 className="size-3.5" />, variant: 'destructive', onClick: () => {} },
+								]}
+							/>
+		</>
+	);
+}
+
+export function PaginationExample() {
+	return (
+		<Pagination
+			pagination={{
+				current_page: 3,
+				last_page: 12,
+				per_page: 10,
+				total: 117,
+				path: '/orders',
+				prev_page_url: '/orders?page=2',
+				next_page_url: '/orders?page=4',
+			}}
+			onPageChange={() => {}}
+		/>
+	);
+}
+
+type RealOrder = {
+	id: string;
+	number: string;
+	customer: string;
+	totalUsd: number;
+	status: 'paid' | 'pending' | 'shipped' | 'cancelled';
+};
+
+const realData: RealOrder[] = MOCK_ORDERS.map((o) => ({
+	id: o.id,
+	number: o.number,
+	customer: MOCK_CUSTOMERS.find((c) => c.id === o.customerId)?.name ?? '—',
+	totalUsd: o.totalUsd,
+	status: o.status as RealOrder['status'],
+}));
+
+const realColumns: ColumnDef<RealOrder>[] = [
+	{ accessorKey: 'number', header: 'Order', cell: ({ getValue }) => <span className="font-mono text-xs">{String(getValue())}</span> },
+	{ accessorKey: 'customer', header: 'Customer' },
+	{
+		accessorKey: 'totalUsd',
+		header: 'Total',
+		cell: ({ getValue }) => <span className="tabular-nums">\${(getValue() as number).toLocaleString()}</span>,
+	},
+	{
+		accessorKey: 'status',
+		header: 'Status',
+		cell: ({ getValue }) => {
+			const v = getValue() as RealOrder['status'];
+			const variant = v === 'paid' ? 'success' : v === 'pending' ? 'warning' : v === 'cancelled' ? 'error' : 'info';
+			return <Badge variant={variant} dot>{v}</Badge>;
+		},
+	},
+];
+
+export function RealisticOrdersTable() {
+	return (
+		<DataTable<RealOrder>
+			columns={realColumns}
+			data={realData}
+			enableSorting
+			rowActions={() => [
+				{ id: 'edit', label: 'Edit', icon: <Edit className="size-3.5" />, onClick: () => {} },
+				{ id: 'delete', label: 'Delete', icon: <Trash2 className="size-3.5" />, variant: 'destructive', onClick: () => {} },
+			]}
+		/>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Cell renderers (StatusCell, DateCell, CurrencyCell, AvatarCell)
+// ─────────────────────────────────────────────────────────────────────────────
+
+type CellDemoRow = {
+	id: string;
+	customer: string;
+	avatarUrl: string;
+	createdAt: string;
+	total: number;
+	status: 'paid' | 'pending' | 'shipped' | 'cancelled';
+};
+
+const cellDemoData: CellDemoRow[] = [
+	{ id: '1', customer: 'Sarah Smitha', avatarUrl: 'https://api.dicebear.com/7.x/avataaars/svg?seed=sarah', createdAt: '2026-04-12', total: 2450, status: 'paid' },
+	{ id: '2', customer: 'Daniel Smith', avatarUrl: 'https://api.dicebear.com/7.x/avataaars/svg?seed=dan', createdAt: '2026-04-13', total: 370, status: 'pending' },
+	{ id: '3', customer: 'Emma Garcia', avatarUrl: 'https://api.dicebear.com/7.x/avataaars/svg?seed=emma', createdAt: '2026-04-15', total: 1280, status: 'shipped' },
+	{ id: '4', customer: 'David Williams', avatarUrl: 'https://api.dicebear.com/7.x/avataaars/svg?seed=david', createdAt: '2026-04-09', total: 580, status: 'cancelled' },
+];
+
+const STATUS_MAP: Record<CellDemoRow['status'], StatusCellEntry> = {
+	paid: { label: 'Paid', variant: 'success', icon: CheckCircle2 },
+	pending: { label: 'Pending', variant: 'warning', icon: Clock },
+	shipped: { label: 'Shipped', variant: 'info', icon: Truck },
+	cancelled: { label: 'Cancelled', variant: 'destructive', icon: XCircle },
+};
+
+const cellDemoColumns: ColumnDef<CellDemoRow>[] = [
+	{
+		accessorKey: 'customer',
+		header: 'Customer',
+		cell: ({ row }) => <AvatarCell name={row.original.customer} imageUrl={row.original.avatarUrl} subtitle={\`#\${row.original.id}\`} />,
+	},
+	{
+		accessorKey: 'status',
+		header: 'Status',
+		cell: ({ getValue }) => <StatusCell value={getValue() as CellDemoRow['status']} map={STATUS_MAP} />,
+	},
+	{
+		accessorKey: 'total',
+		header: 'Total',
+		cell: ({ getValue }) => <CurrencyCell value={getValue() as number} currency="USD" weight="semibold" />,
+	},
+	{
+		accessorKey: 'createdAt',
+		header: 'Created',
+		cell: ({ getValue }) => <DateCell value={getValue() as string} />,
+	},
+];
+
+export function CellRenderers() {
+	return <DataTable<CellDemoRow> columns={cellDemoColumns} data={cellDemoData} />;
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Row selection (with checkbox column)
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function WithRowSelection() {
+	const [selection, setSelection] = useState<RowSelectionState>({});
+	return (
+		<div className="flex w-full min-w-0 max-w-full flex-col gap-2 overflow-hidden">
+			<DataTable<Order>
+				columns={columns}
+				data={data}
+				enableRowSelection
+				rowSelection={selection}
+				onRowSelectionChange={setSelection}
+				getRowId={(row) => row.id}
+			/>
+			<div className="text-xs text-muted-foreground">
+				selected: {Object.keys(selection).length === 0 ? '—' : Object.keys(selection).join(', ')}
+			</div>
+		</div>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Column visibility toggle (built-in toolbar)
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function WithColumnVisibility() {
+	return (
+		<DataTable<Order>
+			columns={columns}
+			data={data}
+			enableSorting
+			enableColumnVisibility
+		/>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Custom toolbar via topbarContent
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function WithCustomToolbar() {
+	return (
+		<DataTable<Order>
+			columns={columns}
+			data={data}
+			enableColumnVisibility
+			topbarContent={
+				<div className="flex items-center gap-2">
+					<Text size="sm" weight="semibold">Orders</Text>
+					<Badge variant="secondary">{data.length}</Badge>
+				</div>
+			}
+		/>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Sticky header & first column
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function StickyHeaderAndFirstColumn() {
+	return (
+		<div className="h-64 overflow-auto rounded-md border border-border">
+			<DataTable<Order>
+				columns={columns}
+				data={[...data, ...data, ...data]}
+				stickyHeader
+				stickyFirstColumn
+			/>
+		</div>
+	);
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Empty state
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function EmptyState() {
+	return (
+		<DataTable<Order>
+			columns={columns}
+			data={[]}
+			emptyStateMessage="No orders match the current filters."
+		/>
+	);
+}
+`;function Tn(e){let t={code:`code`,p:`p`,...e.components};return rn||$(`Examples`,!1),an||$(`Examples.BasicDefaultSizeXsCompact`,!0),yn||$(`Examples.CellRenderers`,!0),wn||$(`Examples.EmptyState`,!0),fn||$(`Examples.PaginationExample`,!0),hn||$(`Examples.RealisticOrdersTable`,!0),sn||$(`Examples.SizeBase`,!0),on||$(`Examples.SizeSm`,!0),un||$(`Examples.SizeSmGlassExplicitCellTextScaling`,!0),Cn||$(`Examples.StickyHeaderAndFirstColumn`,!0),ln||$(`Examples.SurfaceFlatInsideSmartCardTableRendersNoChrome`,!0),cn||$(`Examples.SurfaceGlassHeaderTransparentCleanOutlineNoMutedHeader`,!0),xn||$(`Examples.WithColumnVisibility`,!0),Sn||$(`Examples.WithCustomToolbar`,!0),bn||$(`Examples.WithRowSelection`,!0),dn||$(`Examples.WithSortingRowActions`,!0),(0,M.jsxs)(r,{title:`Table`,description:`DataTable + Pagination — TanStack-React-Table-backed, with sorting, row actions, sticky header, three sizes, and three surface chromes.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/table`,children:[(0,M.jsx)(i,{title:`Overview`,id:`overview`,children:(0,M.jsxs)(t.p,{children:[(0,M.jsx)(t.code,{children:`DataTable<T>`}),` wraps `,(0,M.jsx)(t.code,{children:`@tanstack/react-table`}),` with our typography, density,
+and surface tokens. Pass `,(0,M.jsx)(t.code,{children:`columns`}),` (typed against your row shape) and `,(0,M.jsx)(t.code,{children:`data`}),`,
+optionally enable `,(0,M.jsx)(t.code,{children:`sorting`}),`, supply `,(0,M.jsx)(t.code,{children:`rowActions`}),`, and tune `,(0,M.jsx)(t.code,{children:`size`}),` (xs / sm /
+base) and `,(0,M.jsx)(t.code,{children:`surface`}),` (card / glass / flat). Pair with `,(0,M.jsx)(t.code,{children:`Pagination`}),` for the
+canonical Laravel-paginator shape.`]})}),(0,M.jsx)(i,{title:`Default`,id:`default`,children:(0,M.jsx)(c,{name:`BasicDefaultSizeXsCompact`,source:Q,children:(0,M.jsx)(an,{})})}),(0,M.jsxs)(i,{title:`Sizes`,id:`sizes`,children:[(0,M.jsx)(c,{name:`SizeSm`,source:Q,children:(0,M.jsx)(on,{})}),(0,M.jsx)(c,{name:`SizeBase`,source:Q,children:(0,M.jsx)(sn,{})})]}),(0,M.jsxs)(i,{title:`Surfaces`,id:`surfaces`,children:[(0,M.jsx)(c,{name:`SurfaceGlassHeaderTransparentCleanOutlineNoMutedHeader`,source:Q,children:(0,M.jsx)(cn,{})}),(0,M.jsx)(c,{name:`SurfaceFlatInsideSmartCardTableRendersNoChrome`,source:Q,children:(0,M.jsx)(ln,{})}),(0,M.jsx)(c,{name:`SizeSmGlassExplicitCellTextScaling`,source:Q,children:(0,M.jsx)(un,{})})]}),(0,M.jsx)(i,{title:`Features`,id:`features`,children:(0,M.jsx)(c,{name:`WithSortingRowActions`,source:Q,children:(0,M.jsx)(dn,{})})}),(0,M.jsxs)(i,{title:`Cell renderers`,id:`cell-renderers`,children:[(0,M.jsxs)(t.p,{children:[(0,M.jsx)(t.code,{children:`StatusCell`}),`, `,(0,M.jsx)(t.code,{children:`DateCell`}),`, `,(0,M.jsx)(t.code,{children:`CurrencyCell`}),`, and `,(0,M.jsx)(t.code,{children:`AvatarCell`}),` are reusable
+column-cell renderers exported from `,(0,M.jsx)(t.code,{children:`base/table`}),`. Compose them inside your
+column `,(0,M.jsx)(t.code,{children:`cell`}),` function to keep the table look consistent.`]}),(0,M.jsx)(c,{name:`CellRenderers`,source:Q,children:(0,M.jsx)(yn,{})})]}),(0,M.jsx)(i,{title:`Selection`,id:`selection`,children:(0,M.jsx)(c,{name:`WithRowSelection`,source:Q,children:(0,M.jsx)(bn,{})})}),(0,M.jsxs)(i,{title:`Toolbar`,id:`toolbar`,children:[(0,M.jsx)(c,{name:`WithColumnVisibility`,source:Q,children:(0,M.jsx)(xn,{})}),(0,M.jsx)(c,{name:`WithCustomToolbar`,source:Q,children:(0,M.jsx)(Sn,{})})]}),(0,M.jsx)(i,{title:`Sticky`,id:`sticky`,children:(0,M.jsx)(c,{name:`StickyHeaderAndFirstColumn`,source:Q,children:(0,M.jsx)(Cn,{})})}),(0,M.jsx)(i,{title:`States`,id:`states`,children:(0,M.jsx)(c,{name:`EmptyState`,source:Q,children:(0,M.jsx)(wn,{})})}),(0,M.jsx)(i,{title:`Pagination`,id:`pagination`,children:(0,M.jsx)(c,{name:`PaginationExample`,source:Q,children:(0,M.jsx)(fn,{})})}),(0,M.jsx)(i,{title:`Realistic usage`,id:`realistic`,children:(0,M.jsx)(c,{name:`RealisticOrdersTable`,source:Q,children:(0,M.jsx)(hn,{})})}),(0,M.jsxs)(i,{title:`API`,id:`api`,children:[(0,M.jsx)(ie,{component:`DataTable`}),(0,M.jsx)(ie,{component:`Pagination`})]})]})}function En(e={}){let{wrapper:t}=e.components||{};return t?(0,M.jsx)(t,{...e,children:(0,M.jsx)(Tn,{...e})}):Tn(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{En as default};

package/dist/showcase/assets/table-DtA4-Q0p.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{n as t,s as n}from"./index-DaYVSqKu.js";e();var r=n();function i({className:e,containerClassName:n,...i}){return(0,r.jsx)(`div`,{"data-slot":`table-container`,className:t(`relative w-full overflow-x-auto`,n),children:(0,r.jsx)(`table`,{"data-slot":`table`,className:t(`w-full caption-bottom text-sm`,e),...i})})}function a({className:e,...n}){return(0,r.jsx)(`thead`,{"data-slot":`table-header`,className:t(`[&_tr]:border-b`,e),...n})}function o({className:e,...n}){return(0,r.jsx)(`tbody`,{"data-slot":`table-body`,className:t(`[&_tr:last-child]:border-0`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`tr`,{"data-slot":`table-row`,className:t(`hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`th`,{"data-slot":`table-head`,className:t(`text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`td`,{"data-slot":`table-cell`,className:t(`p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`caption`,{"data-slot":`table-caption`,className:t(`text-muted-foreground mt-4 text-sm`,e),...n})}export{c as a,l as i,o as n,a as o,u as r,s,i as t};

package/dist/showcase/assets/table-actions-DdoPJTMy.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{r as n}from"./example-CTJ8AdNR.js";import{t as r}from"./ellipsis-6Krb3RRW.js";import{n as i,s as a}from"./index-DaYVSqKu.js";import{n as o,t as s}from"./action-menu-DFzSuDjI.js";var c=e(t(),1),l=e=>{let t=e.replace(/[_-]+/g,` `).replace(/\s+/g,` `).trim();return t?t.replace(/\b\w/g,e=>e.toUpperCase()):`Column`},u={emptyState:{message:`No results found.`},actions:{triggerLabel:`Actions`,srLabel:`Row actions menu`},filter:{searchPlaceholder:`Filter...`,columnsButton:`Columns`},columnVisibility:{title:`Toggle columns`,triggerLabel:`Columns`,formatLabel:(e,t)=>t&&t.trim().length>0?t:l(e)},toolbar:{scrollLeft:`Scroll left`,scrollRight:`Scroll right`,columns:`Toggle columns`,dense:`Compact view`,comfortable:`Comfortable view`},pagination:{showing:`Showing`,to:`to`,of:`of`,entries:`results`,previous:`Previous`,next:`Next`,page:`Page`,rowsPerPage:`Rows per page`,ariaLabel:`Pagination navigation`},selection:{summary:(e,t)=>`${e} of ${t} row${t===1?``:`s`} selected.`,row:e=>`Select row ${e+1}`,selectAll:`Select all rows`}},d=(e,t)=>({...e,...t??{}}),f=e=>e?{emptyState:d(u.emptyState,e.emptyState),actions:d(u.actions,e.actions),filter:d(u.filter,e.filter),columnVisibility:d(u.columnVisibility,e.columnVisibility),toolbar:d(u.toolbar,e.toolbar),pagination:d(u.pagination,e.pagination),selection:d(u.selection,e.selection)}:u,p=a();function m(e){let{row:t,actions:a,menuLabel:l,displayMode:d=`menu`,responsiveBreakpoint:f=1040,strings:m}=e,h=m??u,g=l??h.actions.triggerLabel,_=(0,c.useMemo)(()=>{let e=typeof a==`function`?a(t):a;return Array.isArray(e)?e:[]},[a,t]),v=(0,c.useMemo)(()=>{let e=e=>typeof e==`function`?e(t):e;return _.filter(t=>{let n=e(t.isVisible);return n===void 0?!0:n}).map(t=>({...t,disabled:e(t.isDisabled)??t.disabled??!1}))},[_,t]),y=v.length>0,[b,x]=(0,c.useState)(!1),S=v.filter(e=>e.variant!==`destructive`),C=v.filter(e=>e.variant===`destructive`),w=[...S,...C];if((0,c.useEffect)(()=>{if(d!==`auto`||!y){x(!1);return}let e=()=>{try{x(window.innerWidth<=f)}catch{x(!1)}};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[d,y,f]),!y)return null;let T=d===`auto`?b?`menu`:`inline`:d,E=e=>{if(e){if(typeof e==`function`)return e;if((0,c.isValidElement)(e)&&typeof e.type==`function`)return e.type}},D=e=>{switch(e){case`destructive`:return{variant:`error`,buttonStyle:`solid`};case`outline`:return{variant:`secondary`,buttonStyle:`outline`};case`secondary`:return{variant:`secondary`,buttonStyle:`solid`};case`ghost`:return{variant:`secondary`,buttonStyle:`ghost`};case`link`:return{variant:`secondary`,buttonStyle:`ghost`,className:`underline underline-offset-4`};default:return{variant:`primary`,buttonStyle:`solid`}}},O=e=>{switch(e){case`default`:return`primary`;case`destructive`:return`error`;default:return`secondary`}};return T===`inline`?(0,p.jsx)(`div`,{className:i(`table-actions--component`,`flex items-center gap-1`),children:w.map((e,r)=>{let a=e.id||`${e.label}-${r}`,o=D(e.variant??`ghost`);return(0,p.jsxs)(n,{variant:o.variant,buttonStyle:o.buttonStyle,className:i(`h-8 text-inherit leading-4`,o.className),disabled:!!e.disabled,onClick:()=>{e.onClick?.(t)},children:[!!e.icon&&(0,p.jsx)(`span`,{className:`mr-2 inline-flex`,children:e.icon}),e.label]},a)})}):(0,p.jsx)(s,{label:void 0,icon:r,srText:g||h.actions.srLabel,closeOnSelect:!0,align:`end`,density:`table`,children:w.map((e,n)=>{let r=e.id||`${e.label}-${n}`,i=()=>{e.onClick?.(t)},a=E(e.icon),s=e.icon?(0,p.jsx)(`span`,{className:`inline-flex items-center`,children:e.icon}):null,c=a?null:(0,p.jsxs)(`div`,{className:`flex w-full items-center gap-2`,children:[s,(0,p.jsx)(`span`,{children:e.label})]}),l=O(e.variant);return(0,p.jsx)(o,{label:e.label,icon:a,variant:l,disabled:!!e.disabled,onClick:i,children:c},r)})})}m.displayName=`DataTableActions`;export{u as n,f as r,m as t};

package/dist/showcase/assets/tabs-BrC_HxL_.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{J as n,K as r,Kt as i,Mn as a,Nr as o,Qt as s,X as c,Y as l,_n as u,fr as d,g as f,hr as p,in as m,ir as h,jn as g,ln as _,lr as v,mr as y,nr as b,vn as x}from"./example-CTJ8AdNR.js";import{n as S,s as C}from"./index-DaYVSqKu.js";import{t as w}from"./inertValue-DrtTkMGx.js";import{t as T}from"./useControlled-BF8maje6.js";import{n as E,r as D}from"./useCompositeListItem-DK0Tpege.js";import{t as O}from"./useCompositeItem-g6aCBp84.js";import{n as k,t as A}from"./CompositeRoot-BgNU3T7R.js";var j=e(t(),1),M=j.createContext(void 0);function N(){let e=j.useContext(M);if(e===void 0)throw Error(d(64));return e}var P=function(e){return e.activationDirection=`data-activation-direction`,e.orientation=`data-orientation`,e}({}),F={tabActivationDirection:e=>({[P.activationDirection]:e})},I=C(),L=j.forwardRef(function(e,t){let{className:n,defaultValue:r=0,onValueChange:i,orientation:a=`horizontal`,render:o,value:c,style:l,...d}=e,f=e.defaultValue!==void 0,h=j.useRef([]),[g,v]=j.useState(()=>new Map),[x,S]=T({controlled:c,default:r,name:`Tabs`,state:`value`}),C=c!==void 0,[w,E]=j.useState(()=>new Map),O=j.useRef(void 0),k=j.useCallback(e=>{if(e===void 0)return null;for(let[t,n]of w.entries())if(n!=null&&e===(n.value??n.index))return t;return null},[w]),[A,N]=j.useState(()=>({previousValue:x,tabActivationDirection:`none`})),{previousValue:P,tabActivationDirection:L}=A,z=L,B=!1;P!==x&&(z=R(P,x,a,w),B=P!=null&&x!=null&&k(x)==null);let V=B?P:x,H=P!==V||L!==z;y(()=>{H&&N({previousValue:V,tabActivationDirection:z})},[V,H,z]);let U=p((e,t)=>{t.activationDirection=R(x,e,a,w),i?.(e,t),!t.isCanceled&&S(e)}),W=p((e,t)=>{i?.(e,s(t,void 0,void 0,{activationDirection:`none`}))}),G=p((e,t)=>{v(n=>{if(n.get(e)===t)return n;let r=new Map(n);return r.set(e,t),r})}),K=p((e,t)=>{v(n=>{if(!n.has(e)||n.get(e)!==t)return n;let r=new Map(n);return r.delete(e),r})}),q=j.useCallback(e=>g.get(e),[g]),J=j.useCallback(e=>{for(let t of w.values())if(e===t?.value)return t?.id},[w]),Y=j.useMemo(()=>({getTabElementBySelectedValue:k,getTabIdByPanelValue:J,getTabPanelIdByValue:q,onValueChange:U,orientation:a,registerMountedTabPanel:G,setTabMap:E,unregisterMountedTabPanel:K,tabActivationDirection:z,value:x}),[k,J,q,U,a,G,E,K,z,x]),X=j.useMemo(()=>{for(let e of w.values())if(e!=null&&e.value===x)return e},[w,x]),Z=j.useMemo(()=>{for(let e of w.values())if(e!=null&&!e.disabled)return e.value},[w]),Q=j.useRef(!f),$=j.useRef(r),ee=j.useRef(f),te=j.useRef(!1);y(()=>{if(C)return;function e(e,t){S(e),N(t=>t.previousValue===e&&t.tabActivationDirection===`none`?t:{previousValue:e,tabActivationDirection:`none`}),W(e,t),Q.current=!1}if(w.size===0){te.current&&x!==null&&!O.current?.isConnected&&e(null,u);return}te.current=!0,O.current=w.keys().next().value;let t=X?.disabled,n=X==null&&x!==null;if(!t&&x===$.current&&(ee.current=!1),ee.current&&t&&x===$.current)return;let r=Q.current;if(t||n){let n=Z??null;if(x===n){Q.current=!1;return}let i=u;r?i=_:t&&(i=m),e(n,i);return}r&&X!=null&&(W(x,_),Q.current=!1)},[Z,C,W,X,S,w,x]);let ne=b(`div`,e,{state:{orientation:a,tabActivationDirection:z},ref:t,props:d,stateAttributesMapping:F});return(0,I.jsx)(M.Provider,{value:Y,children:(0,I.jsx)(D,{elementsRef:h,children:ne})})});function R(e,t,n,r){if(e==null||t==null)return`none`;let i=null,a=null;for(let[n,o]of r.entries()){if(o==null)continue;let r=o.value??o.index;if(e===r&&(i=n),t===r&&(a=n),i!=null&&a!=null)break}if(i==null||a==null)return i!==a&&(typeof e==`number`||typeof e==`string`)&&typeof e==typeof t?n===`horizontal`?t>e?`right`:`left`:t>e?`down`:`up`:`none`;let o=i.getBoundingClientRect(),s=a.getBoundingClientRect();if(n===`horizontal`){if(s.left<o.left)return`left`;if(s.left>o.left)return`right`}else{if(s.top<o.top)return`up`;if(s.top>o.top)return`down`}return`none`}var z=j.createContext(void 0);function B(){let e=j.useContext(z);if(e===void 0)throw Error(d(65));return e}var V=j.forwardRef(function(e,t){let{className:n,disabled:r=!1,render:o,value:c,id:l,nativeButton:u=!0,style:d,...p}=e,{value:m,getTabPanelIdByValue:h,orientation:_,tabActivationDirection:S}=N(),{activateOnFocus:C,highlightedTabIndex:w,onTabActivation:T,registerTabResizeObserverElement:E,setHighlightedTabIndex:D,tabsListElement:A}=B(),M=f(l),{compositeProps:P,compositeRef:I,index:L}=O({metadata:j.useMemo(()=>({disabled:r,id:M,value:c}),[r,M,c])}),R=c===m,z=j.useRef(!1),V=j.useRef(null);y(()=>{let e=V.current;if(e)return E(e)},[E]),y(()=>{if(z.current){z.current=!1;return}if(!(R&&L>-1&&w!==L))return;let e=A;if(e!=null){let t=g(i(e));if(t&&a(e,t))return}r||D(L)},[R,L,w,D,r,A]);let{getButtonProps:H,buttonRef:U}=v({disabled:r,native:u,focusableWhenDisabled:!0}),W=h(c),G=j.useRef(!1),K=j.useRef(!1);function q(e){R||r||T(c,s(x,e.nativeEvent,void 0,{activationDirection:`none`}))}function J(e){R||(L>-1&&!r&&D(L),!r&&C&&(!G.current||G.current&&K.current)&&T(c,s(x,e.nativeEvent,void 0,{activationDirection:`none`})))}function Y(e){if(R||r)return;G.current=!0;function t(){G.current=!1,K.current=!1}(!e.button||e.button===0)&&(K.current=!0,i(e.currentTarget).addEventListener(`pointerup`,t,{once:!0}))}return b(`button`,e,{state:{disabled:r,active:R,orientation:_,tabActivationDirection:S},ref:[t,U,I,V],props:[P,{role:`tab`,"aria-controls":W,"aria-selected":R,id:M,onClick:q,onFocus:J,onPointerDown:Y,[k]:R?``:void 0,onKeyDownCapture(){z.current=!0}},p,H],stateAttributesMapping:F})}),H=function(e){return e.index=`data-index`,e.activationDirection=`data-activation-direction`,e.orientation=`data-orientation`,e.hidden=`data-hidden`,e[e.startingStyle=n.startingStyle]=`startingStyle`,e[e.endingStyle=n.endingStyle]=`endingStyle`,e}({}),U={...F,...l},W=j.forwardRef(function(e,t){let{className:n,value:i,render:a,keepMounted:o=!1,style:s,...l}=e,{value:u,getTabIdByPanelValue:d,orientation:p,tabActivationDirection:m,registerMountedTabPanel:h,unregisterMountedTabPanel:g}=N(),_=f(),{ref:v,index:x}=E({metadata:j.useMemo(()=>({id:_,value:i}),[_,i])}),S=i===u,{mounted:C,transitionStatus:T,setMounted:D}=c(S),O=!C,k=d(i),A={hidden:O,orientation:p,tabActivationDirection:m,transitionStatus:T},M=j.useRef(null),P=b(`div`,e,{state:A,ref:[t,v,M],props:[{"aria-labelledby":k,hidden:O,id:_,role:`tabpanel`,tabIndex:S?0:-1,inert:w(!S),[H.index]:x},l],stateAttributesMapping:U});return r({open:S,ref:M,onComplete(){S||D(!1)}}),y(()=>{if(!(O&&!o)&&_!=null)return h(i,_),()=>{g(i,_)}},[O,o,i,_,h,g]),o||C?P:null}),G=j.forwardRef(function(e,t){let{activateOnFocus:n=!1,className:r,loopFocus:i=!0,render:a,style:o,...s}=e,{onValueChange:c,orientation:l,value:u,setTabMap:d,tabActivationDirection:f}=N(),[m,g]=j.useState(0),[_,v]=j.useState(null),b=j.useRef(new Set),x=j.useRef(new Set),S=j.useRef(null);y(()=>{if(typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>{b.current.forEach(e=>{e()})});return S.current=e,_&&e.observe(_),x.current.forEach(t=>{e.observe(t)}),()=>{e.disconnect(),S.current=null}},[_]);let C=p(e=>(b.current.add(e),()=>{b.current.delete(e)})),w=p(e=>(x.current.add(e),S.current?.observe(e),()=>{x.current.delete(e),S.current?.unobserve(e)})),T=p((e,t)=>{e!==u&&c(e,t)}),E={orientation:l,tabActivationDirection:f},D={"aria-orientation":l===`vertical`?`vertical`:void 0,role:`tablist`},O=j.useMemo(()=>({activateOnFocus:n,highlightedTabIndex:m,registerIndicatorUpdateListener:C,registerTabResizeObserverElement:w,onTabActivation:T,setHighlightedTabIndex:g,tabsListElement:_}),[n,m,C,w,T,g,_]);return(0,I.jsx)(z.Provider,{value:O,children:(0,I.jsx)(A,{render:a,className:r,style:o,state:E,refs:[t,v],props:[D,s],stateAttributesMapping:F,highlightedIndex:m,enableHomeAndEndKeys:!0,loopFocus:i,orientation:l,onHighlightedIndexChange:g,onMapChange:d,disabledIndices:h})})});function K({className:e,orientation:t=`horizontal`,...n}){return(0,I.jsx)(L,{"data-slot":`tabs`,"data-orientation":t,className:S(`gap-2 group/tabs flex data-[orientation=horizontal]:flex-col`,e),...n})}var q=o(`rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col`,{variants:{variant:{default:`bg-muted`,line:`gap-1 bg-transparent`}},defaultVariants:{variant:`default`}});function J({className:e,variant:t=`default`,...n}){return(0,I.jsx)(G,{"data-slot":`tabs-list`,"data-variant":t,className:S(q({variant:t}),e),...n})}function Y({className:e,...t}){return(0,I.jsx)(V,{"data-slot":`tabs-trigger`,className:S(`gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent`,`data-active:bg-background data-active:text-foreground`,`after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100`,e),...t})}function X({className:e,...t}){return(0,I.jsx)(W,{"data-slot":`tabs-content`,className:S(`text-sm flex-1 outline-none`,e),...t})}export{Y as i,X as n,J as r,K as t};

package/dist/showcase/assets/tabs-UVxr80vY.js

@@ -0,0 +1,19 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,t as r}from"./example-CTJ8AdNR.js";import{s as i}from"./index-DaYVSqKu.js";import{i as a,n as o,r as s,t as c}from"./tabs-BrC_HxL_.js";var l=e({Default:()=>d}),u=i();function d(){return(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)(c,{defaultValue:`overview`,children:[(0,u.jsxs)(s,{children:[(0,u.jsx)(a,{value:`overview`,children:`Overview`}),(0,u.jsx)(a,{value:`activity`,children:`Activity`}),(0,u.jsx)(a,{value:`settings`,children:`Settings`})]}),(0,u.jsx)(o,{value:`overview`,className:`mt-3 text-sm`,children:`Overview panel content.`}),(0,u.jsx)(o,{value:`activity`,className:`mt-3 text-sm`,children:`Activity panel content.`}),(0,u.jsx)(o,{value:`settings`,className:`mt-3 text-sm`,children:`Settings panel content.`})]})})}var f=`import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+
+export function Default() {
+	return (
+		<>
+			<Tabs defaultValue="overview">
+								<TabsList>
+									<TabsTrigger value="overview">Overview</TabsTrigger>
+									<TabsTrigger value="activity">Activity</TabsTrigger>
+									<TabsTrigger value="settings">Settings</TabsTrigger>
+								</TabsList>
+								<TabsContent value="overview" className="mt-3 text-sm">Overview panel content.</TabsContent>
+								<TabsContent value="activity" className="mt-3 text-sm">Activity panel content.</TabsContent>
+								<TabsContent value="settings" className="mt-3 text-sm">Settings panel content.</TabsContent>
+							</Tabs>
+		</>
+	);
+}
+`;function p(e){return l||h(`Examples`,!1),d||h(`Examples.Default`,!0),(0,u.jsx)(t,{title:`UI · Tabs`,description:`Tab list with content panels.`,layer:`ui`,status:`ready`,children:(0,u.jsx)(n,{title:`Examples`,id:`examples`,children:(0,u.jsx)(r,{name:`Default`,source:f,children:(0,u.jsx)(d,{})})})})}function m(e={}){let{wrapper:t}=e.components||{};return t?(0,u.jsx)(t,{...e,children:(0,u.jsx)(p,{...e})}):p(e)}function h(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{m as default};