admin-ui-starter-kit 0.1.3 → 0.1.4

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

@@ -0,0 +1,389 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Cr as r,Tr as i,Vr as a,gr as o,hr as s,mr as c,r as l,t as u}from"./example-C6-_Sy6B.js";import{t as d}from"./arrow-down-BpVaq9-H.js";import{t as f}from"./arrow-up-BpWEnkdX.js";import{t as p}from"./calendar-oKaDsUIy.js";import{t as m}from"./chevron-left-CglzJgA2.js";import{t as h}from"./chevron-right-CDDMIkYP.js";import{t as g}from"./chevrons-up-down-DJNnSBAj.js";import{t as _}from"./circle-check-BCxORlAM.js";import{t as v}from"./circle-x-CoV_AUtZ.js";import{t as y}from"./clock-Bn2R4aDX.js";import{t as b}from"./ellipsis-Bn-XgoA7.js";import{t as x}from"./mail-yNXDtmNr.js";import{t as ee}from"./shopping-bag-EDVpxI9n.js";import{t as S}from"./square-pen-N0mq-vPu.js";import{t as te}from"./trash-2-_xF5j-Ya.js";import{t as ne}from"./truck-CryH-5dx.js";import{a as re,r as ie}from"./index-B8DVXCmf.js";import{t as ae}from"./props-table-CM_1cocj.js";import{c as oe,l as se,n as ce,o as le,r as ue,t as de}from"./dropdown-menu-Q1BV3wPP.js";import{t as fe}from"./separator-DUKleOvU.js";import{t as pe}from"./customers-DvBxRjHv.js";import{t as C}from"./orders-BFwWtubb.js";import{n as w,t as me}from"./action-menu-mlWlGE5P.js";import{a as T,i as he,n as E,o as ge,s as D,t as _e}from"./table-BJ9HSK6H.js";import{a as O,i as ve,n as ye,o as be,r as xe,s as Se,t as k}from"./pagination-g1NQaN42.js";var A=ie(`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`}]]),Ce=ie(`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`}]]),we=ie(`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 Oe(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 ke={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 B(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))),B(t,n,e,`center`)),L(e.options,z,`getCenterHeaderGroups`)),e.getLeftHeaderGroups=I(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left],(t,n,r)=>B(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)=>B(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 B(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=Oe(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)=>Oe(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 Ae=(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},V={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=>U(e);var Me=(e,t,n)=>{var r;return!!(!((r=e.getValue(t))==null||(r=r.toString())==null)&&r.includes(n))};Me.autoRemove=e=>U(e);var Ne=(e,t,n)=>{var r;return((r=e.getValue(t))==null||(r=r.toString())==null?void 0:r.toLowerCase())===n?.toLowerCase()};Ne.autoRemove=e=>U(e);var Pe=(e,t,n)=>e.getValue(t)?.includes(n);Pe.autoRemove=e=>U(e);var Fe=(e,t,n)=>!n.some(n=>{var r;return!((r=e.getValue(t))!=null&&r.includes(n))});Fe.autoRemove=e=>U(e)||!(e!=null&&e.length);var Ie=(e,t,n)=>n.some(n=>e.getValue(t)?.includes(n));Ie.autoRemove=e=>U(e)||!(e!=null&&e.length);var Le=(e,t,n)=>e.getValue(t)===n;Le.autoRemove=e=>U(e);var Re=(e,t,n)=>e.getValue(t)==n;Re.autoRemove=e=>U(e);var ze=(e,t,n)=>{let[r,i]=n,a=e.getValue(t);return a>=r&&a<=i};ze.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]},ze.autoRemove=e=>U(e)||U(e[0])&&U(e[1]);var H={includesString:je,includesStringSensitive:Me,equalsString:Ne,arrIncludes:Pe,arrIncludesAll:Fe,arrIncludesSome:Ie,equals:Le,weakEquals:Re,inNumberRange:ze};function U(e){return e==null||e===``}var Be={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`?H.includesString:typeof n==`number`?H.inNumberRange:typeof n==`boolean`||typeof n==`object`&&n?H.equals:Array.isArray(n)?H.arrIncludes:H.weakEquals},e.getFilterFn=()=>F(e.columnDef.filterFn)?e.columnDef.filterFn:e.columnDef.filterFn===`auto`?e.getAutoFilterFn():t.options.filterFns?.[e.columnDef.filterFn]??H[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(Ve(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&&Ve(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 Ve(e,t,n){return(e&&e.autoRemove?e.autoRemove(t,n):!1)||t===void 0||typeof t==`string`&&!t}var He={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},Ue={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 He.sum;if(Object.prototype.toString.call(n)===`[object Date]`)return He.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]??He[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 We(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 Ge={getInitialState:e=>({columnOrder:[],...e}),getDefaultOptions:e=>({onColumnOrderChange:P(`columnOrder`,e)}),createColumn:(e,t)=>{e.getIndex=I(e=>[W(t,e)],t=>t.findIndex(t=>t.id===e.id),L(t.options,`debugColumns`,`getIndex`)),e.getIsFirstColumn=n=>W(t,n)[0]?.id===e.id,e.getIsLastColumn=n=>{let r=W(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 We(i,t,n)},L(e.options,`debugTable`,`_getOrderColumnsFn`))}},Ke=()=>({left:[],right:[]}),qe={getInitialState:e=>({columnPinning:Ke(),...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?Ke():e.initialState?.columnPinning??Ke()),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 Je(e){return e||(typeof document<`u`?document:null)}var Ye={size:150,minSize:20,maxSize:2**53-1},Xe=()=>({startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]}),Ze={getDefaultColumnDef:()=>Ye,getInitialState:e=>({columnSizing:{},columnSizingInfo:Xe(),...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??Ye.minSize,n??e.columnDef.size??Ye.size),e.columnDef.maxSize??Ye.maxSize)},e.getStart=I(e=>[e,W(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,W(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(),et(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=et(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=Je(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=$e()?{passive:!1}:!1;et(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?Xe():e.initialState.columnSizingInfo??Xe())},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}},Qe=null;function $e(){if(typeof Qe==`boolean`)return Qe;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 Qe=e,Qe}function et(e){return e.type===`touchstart`}var tt={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 W(e,t){return t?t===`center`?e.getCenterVisibleLeafColumns():t===`left`?e.getLeftVisibleLeafColumns():e.getRightVisibleLeafColumns():e.getVisibleLeafColumns()}var nt={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()}}},rt={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=()=>H.includesString,e.getGlobalFilterFn=()=>{let{globalFilterFn:t}=e.options;return F(t)?t:t===`auto`?e.getGlobalAutoFilterFn():e.options.filterFns?.[t]??H[t]},e.setGlobalFilter=t=>{e.options.onGlobalFilterChange==null||e.options.onGlobalFilterChange(t)},e.resetGlobalFilter=t=>{e.setGlobalFilter(t?void 0:e.initialState.globalFilter)}}},it={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()}}}},at=0,ot=10,st=()=>({pageIndex:at,pageSize:ot}),ct={getInitialState:e=>({...e,pagination:{...st(),...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?st():e.initialState.pagination??st())},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?at:((n=e.initialState)==null||(n=n.pagination)==null?void 0:n.pageIndex)??at)},e.resetPageSize=t=>{var n;e.setPageSize(t?ot:((n=e.initialState)==null||(n=n.pagination)==null?void 0:n.pageSize)??ot)},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}},lt=()=>({top:[],bottom:[]}),ut={getInitialState:e=>({rowPinning:lt(),...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?lt():e.initialState?.rowPinning??lt()),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`))}},dt={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=>{ft(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?pt(e,n):{rows:[],flatRows:[],rowsById:{}},L(e.options,`debugTable`,`getSelectedRowModel`)),e.getFilteredSelectedRowModel=I(()=>[e.getState().rowSelection,e.getFilteredRowModel()],(t,n)=>Object.keys(t).length?pt(e,n):{rows:[],flatRows:[],rowsById:{}},L(e.options,`debugTable`,`getFilteredSelectedRowModel`)),e.getGroupedSelectedRowModel=I(()=>[e.getState().rowSelection,e.getSortedRowModel()],(t,n)=>Object.keys(t).length?pt(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 ft(o,e.id,n,r?.selectChildren??!0,t),o})},e.getIsSelected=()=>{let{rowSelection:n}=t.getState();return mt(e,n)},e.getIsSomeSelected=()=>{let{rowSelection:n}=t.getState();return ht(e,n)===`some`},e.getIsAllSubRowsSelected=()=>{let{rowSelection:n}=t.getState();return ht(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)}}}},ft=(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=>ft(e,t.id,n,r,i))};function pt(e,t){let n=e.getState().rowSelection,r=[],i={},a=function(e,t){return e.map(e=>{var t;let o=mt(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 mt(e,t){return t[e.id]??!1}function ht(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()&&(mt(e,t)?a=!0:i=!1),e.subRows&&e.subRows.length)){let n=ht(e,t);n===`all`?a=!0:(n===`some`&&(a=!0),i=!1)}}),i?`all`:a?`some`:!1}var gt=/([0-9]+)/gm,_t=(e,t,n)=>wt(G(e.getValue(n)).toLowerCase(),G(t.getValue(n)).toLowerCase()),vt=(e,t,n)=>wt(G(e.getValue(n)),G(t.getValue(n))),yt=(e,t,n)=>Ct(G(e.getValue(n)).toLowerCase(),G(t.getValue(n)).toLowerCase()),bt=(e,t,n)=>Ct(G(e.getValue(n)),G(t.getValue(n))),xt=(e,t,n)=>{let r=e.getValue(n),i=t.getValue(n);return r>i?1:r<i?-1:0},St=(e,t,n)=>Ct(e.getValue(n),t.getValue(n));function Ct(e,t){return e===t?0:e>t?1:-1}function G(e){return typeof e==`number`?isNaN(e)||e===1/0||e===-1/0?``:String(e):typeof e==`string`?e:``}function wt(e,t){let n=e.split(gt).filter(Boolean),r=t.split(gt).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 K={alphanumeric:_t,alphanumericCaseSensitive:vt,text:yt,textCaseSensitive:bt,datetime:xt,basic:St},Tt=[ke,tt,Ge,qe,V,Be,nt,rt,{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 K.datetime;if(typeof n==`string`&&(r=!0,n.split(gt).length>1))return K.alphanumeric}return r?K.text:K.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]??K[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())}},Ue,it,ct,ut,dt,Ze];function Et(e){let t=[...Tt,...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 Dt(){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=Ae(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 Ot(e,t){return e?kt(e)?j.createElement(e,t):e:null}function kt(e){return At(e)||typeof e==`function`||jt(e)}function At(e){return typeof e==`function`&&(()=>{let t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function jt(e){return typeof e==`object`&&typeof e.$$typeof==`symbol`&&[`react.memo`,`react.forward_ref`].includes(e.$$typeof.description)}function Mt(e){let t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=j.useState(()=>({current:Et(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}var Nt=e=>{let t=e.replace(/[_-]+/g,` `).replace(/\s+/g,` `).trim();return t?t.replace(/\b\w/g,e=>e.toUpperCase()):`Column`},q={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:Nt(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`}},J=(e,t)=>({...e,...t??{}}),Pt=e=>e?{emptyState:J(q.emptyState,e.emptyState),actions:J(q.actions,e.actions),filter:J(q.filter,e.filter),columnVisibility:J(q.columnVisibility,e.columnVisibility),toolbar:J(q.toolbar,e.toolbar),pagination:J(q.pagination,e.pagination),selection:J(q.selection,e.selection)}:q;function Ft(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 It(e,t,n){let r=new URLSearchParams;return r.set(n,String(t)),`${e}?${r.toString()}`}function Lt({pagination:e,onPageChange:t,labels:n={},pageQueryKey:a}){let o={...q.pagination,...n},s=a??`page`,c=(e.current_page-1)*e.per_page+1,l=Math.min(e.current_page*e.per_page,e.total),u=(0,j.useCallback)((n,r)=>{r&&t?.(n,r,e.path||``)},[t,e.path]),d=e.prev_page_url!==null,f=e.next_page_url!==null,p=Ft(e.current_page,e.last_page);return(0,M.jsxs)(`div`,{className:i(`pagination--component`,`flex items-center justify-between px-5 py-3`),children:[(0,M.jsxs)(r,{size:`xs`,type:`secondary`,className:`tabular-nums tracking-tight`,children:[(0,M.jsxs)(r,{tag:`span`,weight:`medium`,className:`text-foreground`,children:[c,`–`,l]}),` `,o.of,` `,(0,M.jsx)(r,{tag:`span`,weight:`medium`,className:`text-foreground`,children:e.total}),` `,o.entries]}),(0,M.jsx)(k,{"aria-label":o.ariaLabel,className:`w-auto mx-0`,children:(0,M.jsxs)(ye,{className:`gap-0.5`,children:[(0,M.jsx)(ve,{children:(0,M.jsx)(Se,{text:o.previous,href:`#`,onClick:t=>{t.preventDefault(),u(e.current_page-1,e.prev_page_url)},"aria-disabled":!d,className:`h-8 text-xs ${d?``:`pointer-events-none opacity-40`}`})}),p.map((t,n)=>{let r=t===`ellipsis`,i=r?`ellipsis-${e.current_page}-${n}`:`page-${t}`;return(0,M.jsx)(ve,{children:r?(0,M.jsx)(xe,{className:`size-8`}):(0,M.jsx)(O,{href:`#`,isActive:t===e.current_page,onClick:n=>{n.preventDefault(),u(t,It(e.path,t,s))},className:`size-8 text-xs`,children:t})},i)}),(0,M.jsx)(ve,{children:(0,M.jsx)(be,{text:o.next,href:`#`,onClick:t=>{t.preventDefault(),u(e.current_page+1,e.next_page_url)},"aria-disabled":!f,className:`h-8 text-xs ${f?``:`pointer-events-none opacity-40`}`})})]})})]})}Lt.displayName=`Pagination`;function Rt(e){let{row:t,actions:n,menuLabel:r,displayMode:a=`menu`,responsiveBreakpoint:o=1040,strings:s}=e,c=s??q,u=r??c.actions.triggerLabel,d=(0,j.useMemo)(()=>{let e=typeof n==`function`?n(t):n;return Array.isArray(e)?e:[]},[n,t]),f=(0,j.useMemo)(()=>{let e=e=>typeof e==`function`?e(t):e;return d.filter(t=>{let n=e(t.isVisible);return n===void 0?!0:n}).map(t=>({...t,disabled:e(t.isDisabled)??t.disabled??!1}))},[d,t]),p=f.length>0,[m,h]=(0,j.useState)(!1),g=f.filter(e=>e.variant!==`destructive`),_=f.filter(e=>e.variant===`destructive`),v=[...g,..._];if((0,j.useEffect)(()=>{if(a!==`auto`||!p){h(!1);return}let e=()=>{try{h(window.innerWidth<=o)}catch{h(!1)}};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[a,p,o]),!p)return null;let y=a===`auto`?m?`menu`:`inline`:a,x=e=>{if(e){if(typeof e==`function`)return e;if((0,j.isValidElement)(e)&&typeof e.type==`function`)return e.type}},ee=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`}}},S=e=>{switch(e){case`default`:return`primary`;case`destructive`:return`error`;default:return`secondary`}};return y===`inline`?(0,M.jsx)(`div`,{className:i(`table-actions--component`,`flex items-center gap-1`),children:v.map((e,n)=>{let r=e.id||`${e.label}-${n}`,a=ee(e.variant??`ghost`);return(0,M.jsxs)(l,{variant:a.variant,buttonStyle:a.buttonStyle,className:i(`h-8 text-inherit leading-4`,a.className),disabled:!!e.disabled,onClick:()=>{e.onClick?.(t)},children:[!!e.icon&&(0,M.jsx)(`span`,{className:`mr-2 inline-flex`,children:e.icon}),e.label]},r)})}):(0,M.jsx)(me,{label:void 0,icon:b,srText:u||c.actions.srLabel,closeOnSelect:!0,align:`end`,density:`table`,children:v.map((e,n)=>{let r=e.id||`${e.label}-${n}`,i=()=>{e.onClick?.(t)},a=x(e.icon),o=e.icon?(0,M.jsx)(`span`,{className:`inline-flex items-center`,children:e.icon}):null,s=a?null:(0,M.jsxs)(`div`,{className:`flex w-full items-center gap-2`,children:[o,(0,M.jsx)(`span`,{children:e.label})]}),c=S(e.variant);return(0,M.jsx)(w,{label:e.label,icon:a,variant:c,disabled:!!e.disabled,onClick:i,children:s},r)})})}Rt.displayName=`DataTableActions`;var zt=(e,t,n)=>{typeof e==`function`?t(t=>{let r=e(t);return n&&n(r),r}):(t(e),n&&n(e))},Bt=(e,t,n)=>{typeof e==`function`?t(t=>{let r=e(t);return n&&n(r),r}):(t(e),n&&n(e))},Vt=(e,t,n,r)=>{let i=``;return r&&(i+=`bg-primary/5 `),typeof n==`function`?i+=n(e,t)+` `:n&&(i+=n+` `),i.trim()},Ht=(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},Ut=(e,t=q)=>(0,M.jsx)(`div`,{className:`px-1`,children:(0,M.jsx)(`input`,{type:`checkbox`,className:`size-3.5 rounded border-border text-primary accent-primary focus-visible:ring-ring focus-visible:ring-offset-1 cursor-pointer disabled:cursor-not-allowed disabled:opacity-40`,checked:e.getIsSelected(),disabled:!e.getCanSelect(),onChange:e.getToggleSelectedHandler(),onClick:e=>e.stopPropagation(),"aria-label":t.selection.row(e.index)})}),Wt=(e,t=q)=>(0,M.jsx)(`div`,{className:`px-1`,children:(0,M.jsx)(`input`,{type:`checkbox`,className:`size-3.5 rounded border-border text-primary accent-primary focus-visible:ring-ring focus-visible:ring-offset-1 cursor-pointer`,checked:e.getIsAllPageRowsSelected(),onChange:e.getToggleAllPageRowsSelectedHandler(),"aria-label":t.selection.selectAll})}),Gt=(e,t=q)=>[{id:`selection`,header:({table:e})=>Wt(e,t),cell:({row:e})=>Ut(e,t),enableSorting:!1,enableResizing:!1,size:40},...e];function Kt({table:e,onRowClick:t,emptyStateMessage:n,emptyStateAction:a,cellClassName:o=``,rowClassName:s=``,stickyFirstColumn:c=!1,striped:l=!1,dense:u=!1,strings:d}){let f=e.getRowModel().rows,p=n??d?.emptyState.message??q.emptyState.message,m=e=>{t&&t(e)};return f.length?(0,M.jsx)(E,{children:f.map((e,n)=>{let r=e.getIsSelected(),a=e.getVisibleCells(),d=Vt(e,n,s,r),f=()=>{t&&m(e.original)},p=i(d,l&&n%2!=0?`bg-muted/30`:``,`transition-colors duration-100`,`hover:bg-accent/40 data-[state=selected]:bg-primary/5 data-[state=selected]:hover:bg-primary/10`,t?`cursor-pointer`:``,`border-b border-border last:border-b-0`);return(0,M.jsx)(D,{"data-state":r?`selected`:null,className:p,onClick:f,children:a.map((t,n)=>(0,M.jsx)(he,{className:i(Ht(t.column.id,e,o,c,n===0),`first:pl-5 last:pr-5`,u&&`py-1.5 px-2 first:pl-3 last:pr-3 text-xxs leading-3`),children:Ot(t.column.columnDef.cell,t.getContext())},t.id))},e.id)})}):(0,M.jsx)(E,{className:`table-body--component`,children:(0,M.jsx)(D,{className:`hover:bg-transparent`,children:(0,M.jsx)(he,{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)(r,{type:`secondary`,weight:`medium`,children:p}),!!a&&(0,M.jsx)(`div`,{className:`mt-1`,children:a})]})})})})}Kt.displayName=`DataTableBody`;function qt({table:e,enableResizing:t=!1,stickyHeader:n=!1,headerClassName:r=``,cellClassName:a=``,stickyFirstColumn:o=!1,columnGroups:s,dense:c=!1,headerTransparent:l=!1}){let u=e.getHeaderGroups(),p=e=>s?s.find(t=>t.columns.includes(e)):null;return(0,M.jsxs)(ge,{className:i(n&&(l?`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 backdrop-blur-md shadow-[0_1px_0_0_var(--border)]`),r),children:[(()=>{if(!s||s.length===0||u.length===0)return null;let e=u[0].headers,t=null,n=0,r=[];return e.forEach((i,a)=>{let o=p(i.id)?.header||``;o===t?n++:(t!==null&&n>0&&r.push((0,M.jsx)(T,{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)(T,{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)(D,{className:i(`table-header--component`,`border-b border-border`),children:r})})(),u.map(e=>(0,M.jsx)(D,{className:i(`border-b border-border`,l?`bg-transparent hover:bg-transparent`:`bg-muted hover:bg-muted`),children:e.headers.map((e,n)=>{let r=i(Ht(e.id,null,a,o,n===0),`first:pl-5 last:pr-5`,c&&`px-2 py-1.5 first:pl-3 last:pr-3 text-xxs`,`text-muted-foreground font-medium uppercase tracking-wider whitespace-nowrap`,`bg-transparent`),s=t?{position:`relative`}:void 0,l=e.getResizeHandler(),u=e.column.getIsResizing(),p=(()=>{let t=e.column.columnDef.header;return typeof t==`string`?t:typeof e.id==`string`?e.id:`column`})();return(0,M.jsx)(T,{className:r,style:s,children:e.isPlaceholder?null:(0,M.jsxs)(`div`,{children:[(()=>{let t=e.column.getCanSort(),n=e.column.getIsSorted(),r=Ot(e.column.columnDef.header,e.getContext()),a=n===`asc`?f:n===`desc`?d:g;return t?(0,M.jsxs)(`button`,{type:`button`,onClick:e.column.getToggleSortingHandler(),className:i(`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 ${p}`,children:[r,(0,M.jsx)(a,{className:i(`size-3 shrink-0 transition-opacity`,n?`opacity-100`:`opacity-30 group-hover:opacity-70`),"aria-hidden":`true`})]}):(0,M.jsx)(`div`,{className:`flex items-center`,children:r})})(),!!t&&(0,M.jsx)(`button`,{type:`button`,className:i(`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`,u&&`!bg-primary-600 bg-opacity-100`),"aria-label":`Resize ${p}`,"aria-orientation":`vertical`,onMouseDown:l,onTouchStart:l})]})},e.id)})},e.id))]})}qt.displayName=`DataTableHeader`;var Jt=300,Yt=`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 Xt({label:e,onClick:t,disabled:n,className:r,children:a}){return(0,M.jsx)(`button`,{type:`button`,"aria-label":e,className:i(`table-toolbar--component`,Yt,r),onClick:t,disabled:n,children:a})}function Zt(e){return e?e.querySelector(`[data-slot="table-container"]`):null}function Qt({table:e,tableAreaRef:t,dense:n,onDenseChange:r,enableColumnVisibility:a=!1,strings:o=q}){let[s,c]=(0,j.useState)(!1),[l,u]=(0,j.useState)(!1),d=(0,j.useRef)(0),f=(0,j.useRef)(null),p=(0,j.useCallback)(()=>{let e=Zt(t.current);if(!e){c(!1),u(!1);return}let{scrollLeft:n,scrollWidth:r,clientWidth:i}=e;c(n>1),u(n+i<r-1)},[t]);(0,j.useEffect)(()=>{let e=window.setTimeout(()=>{let e=Zt(t.current);if(!e)return;p();let n=()=>{cancelAnimationFrame(d.current),d.current=requestAnimationFrame(p)};e.addEventListener(`scroll`,n,{passive:!0});let r=new ResizeObserver(p);r.observe(e),e.firstElementChild&&r.observe(e.firstElementChild),f.current=()=>{e.removeEventListener(`scroll`,n),cancelAnimationFrame(d.current),r.disconnect()}},0);return()=>{window.clearTimeout(e),f.current?.()}},[t,p,n]);let g=(0,j.useCallback)(()=>{Zt(t.current)?.scrollBy({left:-300,behavior:`smooth`})},[t]),_=(0,j.useCallback)(()=>{Zt(t.current)?.scrollBy({left:Jt,behavior:`smooth`})},[t]),v=(0,j.useCallback)(()=>{r(!n)},[n,r]),y=a?e.getAllColumns().filter(e=>e.getCanHide()):[],b=s||l,x=a&&y.length>0,ee=n?o.toolbar.comfortable:o.toolbar.dense;return(0,M.jsxs)(`div`,{className:`flex items-center rounded-md border border-border bg-card`,children:[!!b&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(Xt,{label:o.toolbar.scrollLeft,onClick:g,disabled:!s,className:`rounded-l-[calc(theme(borderRadius.md)-1px)]`,children:(0,M.jsx)(m,{className:`h-3.5 w-3.5`})}),(0,M.jsx)(Xt,{label:o.toolbar.scrollRight,onClick:_,disabled:!l,children:(0,M.jsx)(h,{className:`h-3.5 w-3.5`})}),(0,M.jsx)(`div`,{className:`h-4 w-px bg-border`})]}),!!x&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)($t,{columns:y,strings:o,roundLeft:!b}),(0,M.jsx)(`div`,{className:`h-4 w-px bg-border`})]}),(0,M.jsx)(Xt,{label:ee,onClick:v,className:i(`rounded-r-[calc(theme(borderRadius.md)-1px)]`,!b&&!x&&`rounded-l-[calc(theme(borderRadius.md)-1px)]`),children:n?(0,M.jsx)(Ce,{className:`h-3.5 w-3.5`}):(0,M.jsx)(we,{className:`h-3.5 w-3.5`})})]})}function $t({columns:e,strings:t,roundLeft:n}){return(0,M.jsxs)(de,{children:[(0,M.jsx)(se,{render:e=>(0,M.jsx)(`button`,{...e,type:`button`,"aria-label":t.toolbar.columns,className:i(Yt,e.className,n&&`rounded-l-[calc(theme(borderRadius.md)-1px)]`),children:(0,M.jsx)(A,{className:`h-3.5 w-3.5`})})}),(0,M.jsxs)(ue,{align:`end`,className:`w-[200px]`,children:[(0,M.jsx)(le,{children:t.columnVisibility.title}),(0,M.jsx)(oe,{}),e.map(e=>{let n=e.columnDef.header,r=t.columnVisibility.formatLabel(e.id,typeof n==`string`?n:void 0);return(0,M.jsx)(ce,{className:`capitalize`,checked:e.getIsVisible(),onCheckedChange:t=>e.toggleVisibility(!!t),children:r},e.id)})]})]})}Qt.displayName=`DataTableToolbar`;var en=(0,j.createContext)(`xs`),tn={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=!1,columns:r,data:o,columnGroups:s,rowActions:c,rowActionsMenuLabel:l,rowActionsDisplayMode:u,rowActionsBreakpoint:d,enableSorting:f=!1,manualSorting:p=!1,enableColumnVisibility:m=!1,enableRowSelection:h=!1,enableMultiRowSelection:g=!0,enableSubRowSelection:_=!1,pagination:v,pageQueryKey:y,onPageChange:b,onSort:x,onRowClick:ee,onRowSelectionChange:S,stickyHeader:te=!1,stickyFirstColumn:ne=!1,emptyStateMessage:re,emptyStateAction:ie,className:ae=``,rowClassName:oe=``,cellClassName:se=``,headerClassName:ce=``,wrapperClassName:le=``,innerClassName:ue=`overflow-x-auto`,tableContainerClassName:de=``,getRowId:pe,rowSelection:C,initialState:w,onColumnVisibilityChange:me,strings:T,topbarContent:he,storageKey:E}){let{defaultSize:ge}=a(),D=e??ge??`xs`,O=(0,j.useMemo)(()=>Pt(T),[T]),ve=i(`bg-card`,oe),ye=re??O.emptyState.message,be=l??O.actions.triggerLabel,xe=y??`page`,Se=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]),Ce=(0,j.useMemo)(()=>{if(!k||typeof window>`u`)return w?.columnVisibility||{};try{let e=window.localStorage.getItem(k);return{...e?JSON.parse(e):{},...w?.columnVisibility||{}}}catch{return w?.columnVisibility||{}}},[k,w?.columnVisibility]),we=(0,j.useMemo)(()=>{if(!A||typeof window>`u`)return!1;try{return window.localStorage.getItem(A)===`1`}catch{return!1}},[A]),[N,P]=(0,j.useState)(w?.sorting||[]),[F,Te]=(0,j.useState)(Ce),[Ee,I]=(0,j.useState)(w?.rowSelection||{}),[L,De]=(0,j.useState)(we),R=C??Ee,z=(0,j.useRef)(null),Oe=(0,j.useCallback)(e=>{zt(e,P,x)},[x]),ke=(0,j.useCallback)(e=>{Bt(e,Te,e=>{if(k&&typeof window<`u`)try{window.localStorage.setItem(k,JSON.stringify(e))}catch{}me&&me(e)})},[k,me]),B=(0,j.useCallback)(e=>{let t=typeof e==`function`?e(R):e;C===void 0&&I(t),S?.(t)},[C,S,R]),Ae=(0,j.useCallback)(e=>{if(De(e),A&&typeof window<`u`)try{window.localStorage.setItem(A,e?`1`:`0`)}catch{}},[A]),V=Mt({data:o,columns:(0,j.useMemo)(()=>{let e=h?Gt(Se,O):Se;if(!c)return e;let t={id:`actions`,header:O.actions.triggerLabel,cell:({row:e})=>(0,M.jsx)(Rt,{row:e.original,actions:c,menuLabel:be,displayMode:u,responsiveBreakpoint:d,strings:O}),enableSorting:!1,enableHiding:!1,size:40};return[...e,t]},[Se,h,c,be,d,u,O]),state:{sorting:N,columnVisibility:F,rowSelection:R},enableSorting:f,manualSorting:p,enableRowSelection:h,enableMultiRowSelection:g,enableSubRowSelection:_,onSortingChange:f&&p?Oe:void 0,onRowSelectionChange:h?B:void 0,onColumnVisibilityChange:ke,getCoreRowModel:Dt(),getRowId:pe}),je=v&&v.last_page>1,Me=en.Provider;return(0,M.jsx)(Me,{value:D,children:(0,M.jsxs)(`div`,{className:i(L?`fixed inset-0 z-50 bg-background flex flex-col overflow-hidden p-6`:i(`w-full min-w-0 max-w-full`,t===`card`&&`overflow-hidden rounded-lg border border-border bg-card shadow-[0_1px_3px_0_rgb(0_0_0/0.04)]`,t===`glass`&&`rounded-md overflow-hidden border border-border/60`,le)),children:[!!(he||m)&&(0,M.jsxs)(`div`,{className:`relative`,children:[(0,M.jsxs)(`div`,{className:i(`data-table-topbar flex items-end justify-between gap-4 px-5 py-3.5`,L?`mb-3 shrink-0`:`mb-0`),children:[(0,M.jsx)(`div`,{className:`data-table-topbar-left flex-1`,children:he}),(0,M.jsx)(`div`,{className:`data-table-topbar-right flex items-center justify-end`,children:(0,M.jsx)(Qt,{table:V,tableAreaRef:z,dense:L,onDenseChange:Ae,enableColumnVisibility:m,strings:O})})]}),(0,M.jsx)(fe,{})]}),(0,M.jsx)(`div`,{ref:z,className:i(``,L?`flex-1 overflow-auto min-h-0`:ue),children:(0,M.jsxs)(_e,{className:i(`relative`,tn[D],ae),containerClassName:de,children:[(0,M.jsx)(qt,{table:V,stickyHeader:te,headerClassName:ce,cellClassName:se,stickyFirstColumn:ne,columnGroups:s,dense:L,headerTransparent:n}),(0,M.jsx)(Kt,{table:V,onRowClick:ee,emptyStateMessage:ye,emptyStateAction:ie,cellClassName:se,rowClassName:ve,stickyFirstColumn:ne,strings:O,dense:L})]})}),!!je&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(fe,{}),(0,M.jsx)(Lt,{pagination:v,onPageChange:b,pageQueryKey:xe,labels:O.pagination})]})]})})}Y.displayName=`DataTable`;function nn({value:e,map:t,emptyLabel:n=`—`,className:a}){if(!e||!(e in t))return(0,M.jsx)(r,{size:`inherit`,type:`secondary`,className:i(`opacity-60`,a),children:n});let s=t[e],c=s.icon;return(0,M.jsxs)(o,{variant:s.variant??`secondary`,className:i(`gap-1.5`,a),children:[!!c&&(0,M.jsx)(c,{className:`size-3`}),s.label]})}nn.displayName=`StatusCell`;var rn={month:`short`,day:`numeric`,year:`numeric`};function an({value:e,options:t=rn,locale:n,showIcon:a=!0,icon:o=p,emptyLabel:s=`—`,className:c}){if(e==null||e===``)return(0,M.jsx)(r,{size:`inherit`,type:`secondary`,className:i(`opacity-60`,c),children:s});let l=e instanceof Date?e:new Date(e);if(Number.isNaN(l.getTime()))return(0,M.jsx)(r,{size:`inherit`,type:`secondary`,className:i(`opacity-60`,c),children:s});let u=new Intl.DateTimeFormat(n,t);return(0,M.jsxs)(`span`,{className:i(`inline-flex items-center gap-1.5 tabular-nums`,c),children:[!!a&&(0,M.jsx)(o,{className:`size-3.5 text-muted-foreground`}),(0,M.jsx)(r,{size:`inherit`,type:`secondary`,children:u.format(l)})]})}an.displayName=`DateCell`;function on({value:e,currency:t,locale:n,emptyLabel:a=`—`,className:o,weight:s=`semibold`}){let c=typeof e==`number`?e:Number.parseFloat(String(e??``));if(!Number.isFinite(c))return(0,M.jsx)(r,{size:`inherit`,type:`secondary`,className:i(`opacity-60`,o),children:a});let l=t?new Intl.NumberFormat(n,{style:`currency`,currency:t,maximumFractionDigits:2}).format(c):c.toFixed(2);return(0,M.jsx)(r,{tag:`span`,size:`inherit`,weight:s,className:i(`tabular-nums`,o),children:l})}on.displayName=`CurrencyCell`;function sn(e){return e.split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0].toUpperCase()).join(``)}function cn({name:e,imageUrl:t,icon:n=x,subtitle:a,emptyLabel:o=`—`,className:s}){return!e||e.trim().length===0?(0,M.jsx)(r,{size:`inherit`,type:`secondary`,className:i(`opacity-60`,s),children:o}):(0,M.jsxs)(`span`,{className:i(`inline-flex items-center gap-2`,s),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)(r,{size:`xs`,weight:`semibold`,className:`leading-none`,children:sn(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)(r,{size:`inherit`,weight:`medium`,className:`truncate`,children:e}),!!a&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`truncate`,children:a})]})]})}cn.displayName=`AvatarCell`;var ln=e({BasicDefaultSizeXsCompact:()=>un,CellRenderers:()=>wn,EmptyState:()=>kn,PaginationExample:()=>_n,RealisticOrdersTable:()=>bn,SizeBase:()=>fn,SizeSm:()=>dn,SizeSmGlassExplicitCellTextScaling:()=>hn,StickyHeaderAndFirstColumn:()=>On,SurfaceFlatInsideSmartCardTableRendersNoChrome:()=>mn,SurfaceGlassHeaderTransparentCleanOutlineNoMutedHeader:()=>pn,WithColumnVisibility:()=>En,WithCustomToolbar:()=>Dn,WithRowSelection:()=>Tn,WithSortingRowActions:()=>gn}),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)(ee,{className:`size-3.5`})}),(0,M.jsx)(r,{tag:`span`,size:`inherit`,weight:`semibold`,className:`font-mono`,children:String(e())})]})},{accessorKey:`customer`,header:`Customer`,cell:({row:e})=>(0,M.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,M.jsx)(x,{className:`size-3 text-muted-foreground`}),(0,M.jsx)(r,{tag:`span`,size:`inherit`,children:e.original.customer})]})},{accessorKey:`amount`,header:`Amount`,cell:({getValue:e})=>(0,M.jsx)(r,{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)(o,{variant:t===`paid`?`success`:t===`pending`?`warning`:`error`,dot:!0,children:t})}},{accessorKey:`date`,header:`Date`,cell:({getValue:e})=>(0,M.jsxs)(`div`,{className:`flex items-center gap-1 text-muted-foreground`,children:[(0,M.jsx)(p,{className:`size-3`}),(0,M.jsx)(r,{tag:`span`,size:`inherit`,type:`secondary`,className:`tabular-nums`,children:String(e())})]})}];function un(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(Y,{columns:Z,data:X})})}function dn(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(Y,{size:`sm`,columns:Z,data:X})})}function fn(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(Y,{size:`base`,columns:Z,data:X})})}function pn(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(Y,{columns:Z,data:X,surface:`glass`,headerTransparent:!0})})}function mn(){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 hn(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(Y,{columns:Z,data:X,size:`sm`,surface:`glass`,headerTransparent:!0})})}function gn(){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)(S,{className:`size-3.5`}),onClick:()=>{}},{id:`delete`,label:`Delete`,icon:(0,M.jsx)(te,{className:`size-3.5`}),variant:`destructive`,onClick:()=>{}}]})})}function _n(){return(0,M.jsx)(Lt,{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 vn=C.map(e=>({id:e.id,number:e.number,customer:pe.find(t=>t.id===e.customerId)?.name??`—`,totalUsd:e.totalUsd,status:e.status})),yn=[{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)(o,{variant:t===`paid`?`success`:t===`pending`?`warning`:t===`cancelled`?`error`:`info`,dot:!0,children:t})}}];function bn(){return(0,M.jsx)(Y,{columns:yn,data:vn,enableSorting:!0,rowActions:()=>[{id:`edit`,label:`Edit`,icon:(0,M.jsx)(S,{className:`size-3.5`}),onClick:()=>{}},{id:`delete`,label:`Delete`,icon:(0,M.jsx)(te,{className:`size-3.5`}),variant:`destructive`,onClick:()=>{}}]})}var xn=[{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`}],Sn={paid:{label:`Paid`,variant:`success`,icon:_},pending:{label:`Pending`,variant:`warning`,icon:y},shipped:{label:`Shipped`,variant:`info`,icon:ne},cancelled:{label:`Cancelled`,variant:`destructive`,icon:v}},Cn=[{accessorKey:`customer`,header:`Customer`,cell:({row:e})=>(0,M.jsx)(cn,{name:e.original.customer,imageUrl:e.original.avatarUrl,subtitle:`#${e.original.id}`})},{accessorKey:`status`,header:`Status`,cell:({getValue:e})=>(0,M.jsx)(nn,{value:e(),map:Sn})},{accessorKey:`total`,header:`Total`,cell:({getValue:e})=>(0,M.jsx)(on,{value:e(),currency:`USD`,weight:`semibold`})},{accessorKey:`createdAt`,header:`Created`,cell:({getValue:e})=>(0,M.jsx)(an,{value:e()})}];function wn(){return(0,M.jsx)(Y,{columns:Cn,data:xn})}function Tn(){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 En(){return(0,M.jsx)(Y,{columns:Z,data:X,enableSorting:!0,enableColumnVisibility:!0})}function Dn(){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)(r,{size:`sm`,weight:`semibold`,children:`Orders`}),(0,M.jsx)(o,{variant:`secondary`,children:X.length})]})})}function On(){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 kn(){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, Calendar, Mail, 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 }) => (
+			<div className="flex items-center gap-1.5">
+				<Mail className="size-3 text-muted-foreground" />
+				<Text tag="span" size="inherit">{row.original.customer}</Text>
+			</div>
+		),
+	},
+	{
+		accessorKey: 'amount',
+		header: 'Amount',
+		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 }) => (
+			<div className="flex items-center gap-1 text-muted-foreground">
+				<Calendar className="size-3" />
+				<Text tag="span" size="inherit" type="secondary" className="tabular-nums">
+					{String(getValue())}
+				</Text>
+			</div>
+		),
+	},
+];
+
+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 An(e){let t={code:`code`,p:`p`,...e.components};return ln||$(`Examples`,!1),un||$(`Examples.BasicDefaultSizeXsCompact`,!0),wn||$(`Examples.CellRenderers`,!0),kn||$(`Examples.EmptyState`,!0),_n||$(`Examples.PaginationExample`,!0),bn||$(`Examples.RealisticOrdersTable`,!0),fn||$(`Examples.SizeBase`,!0),dn||$(`Examples.SizeSm`,!0),hn||$(`Examples.SizeSmGlassExplicitCellTextScaling`,!0),On||$(`Examples.StickyHeaderAndFirstColumn`,!0),mn||$(`Examples.SurfaceFlatInsideSmartCardTableRendersNoChrome`,!0),pn||$(`Examples.SurfaceGlassHeaderTransparentCleanOutlineNoMutedHeader`,!0),En||$(`Examples.WithColumnVisibility`,!0),Dn||$(`Examples.WithCustomToolbar`,!0),Tn||$(`Examples.WithRowSelection`,!0),gn||$(`Examples.WithSortingRowActions`,!0),(0,M.jsxs)(s,{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)(c,{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)(c,{title:`Default`,id:`default`,children:(0,M.jsx)(u,{name:`BasicDefaultSizeXsCompact`,source:Q,children:(0,M.jsx)(un,{})})}),(0,M.jsxs)(c,{title:`Sizes`,id:`sizes`,children:[(0,M.jsx)(u,{name:`SizeSm`,source:Q,children:(0,M.jsx)(dn,{})}),(0,M.jsx)(u,{name:`SizeBase`,source:Q,children:(0,M.jsx)(fn,{})})]}),(0,M.jsxs)(c,{title:`Surfaces`,id:`surfaces`,children:[(0,M.jsx)(u,{name:`SurfaceGlassHeaderTransparentCleanOutlineNoMutedHeader`,source:Q,children:(0,M.jsx)(pn,{})}),(0,M.jsx)(u,{name:`SurfaceFlatInsideSmartCardTableRendersNoChrome`,source:Q,children:(0,M.jsx)(mn,{})}),(0,M.jsx)(u,{name:`SizeSmGlassExplicitCellTextScaling`,source:Q,children:(0,M.jsx)(hn,{})})]}),(0,M.jsx)(c,{title:`Features`,id:`features`,children:(0,M.jsx)(u,{name:`WithSortingRowActions`,source:Q,children:(0,M.jsx)(gn,{})})}),(0,M.jsxs)(c,{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)(u,{name:`CellRenderers`,source:Q,children:(0,M.jsx)(wn,{})})]}),(0,M.jsx)(c,{title:`Selection`,id:`selection`,children:(0,M.jsx)(u,{name:`WithRowSelection`,source:Q,children:(0,M.jsx)(Tn,{})})}),(0,M.jsxs)(c,{title:`Toolbar`,id:`toolbar`,children:[(0,M.jsx)(u,{name:`WithColumnVisibility`,source:Q,children:(0,M.jsx)(En,{})}),(0,M.jsx)(u,{name:`WithCustomToolbar`,source:Q,children:(0,M.jsx)(Dn,{})})]}),(0,M.jsx)(c,{title:`Sticky`,id:`sticky`,children:(0,M.jsx)(u,{name:`StickyHeaderAndFirstColumn`,source:Q,children:(0,M.jsx)(On,{})})}),(0,M.jsx)(c,{title:`States`,id:`states`,children:(0,M.jsx)(u,{name:`EmptyState`,source:Q,children:(0,M.jsx)(kn,{})})}),(0,M.jsx)(c,{title:`Pagination`,id:`pagination`,children:(0,M.jsx)(u,{name:`PaginationExample`,source:Q,children:(0,M.jsx)(_n,{})})}),(0,M.jsx)(c,{title:`Realistic usage`,id:`realistic`,children:(0,M.jsx)(u,{name:`RealisticOrdersTable`,source:Q,children:(0,M.jsx)(bn,{})})}),(0,M.jsxs)(c,{title:`API`,id:`api`,children:[(0,M.jsx)(ae,{component:`DataTable`}),(0,M.jsx)(ae,{component:`Pagination`})]})]})}function jn(e={}){let{wrapper:t}=e.components||{};return t?(0,M.jsx)(t,{...e,children:(0,M.jsx)(An,{...e})}):An(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{jn as default};

package/dist/showcase/assets/tabs-D02JL-Fa.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{$t as n,B as r,Gn as i,H as a,Ht as o,It as s,Jt as c,Qn as l,R as u,Tr as d,V as f,bn as p,g as m,ir as h,on as g,qn as _,rr as v,sn as y,tr as b,vr as x,xn as S}from"./example-C6-_Sy6B.js";import{a as C}from"./index-B8DVXCmf.js";import{t as w}from"./inertValue-i0cAMG-0.js";import{t as T}from"./useControlled-Cpg8gDqb.js";import{n as E,r as D}from"./useCompositeListItem-D4ugfKLB.js";import{t as O}from"./useCompositeItem-C-1zP8zD.js";import{n as k,t as A}from"./CompositeRoot-Ce4ORgG2.js";var j=e(t()),M=j.createContext(void 0);function N(){let e=j.useContext(M);if(e===void 0)throw Error(b(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:r,defaultValue:a=0,onValueChange:s,orientation:l=`horizontal`,render:u,value:d,style:f,...p}=e,m=e.defaultValue!==void 0,_=j.useRef([]),[y,b]=j.useState(()=>new Map),[x,S]=T({controlled:d,default:a,name:`Tabs`,state:`value`}),C=d!==void 0,[w,E]=j.useState(()=>new Map),O=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]),[k,A]=j.useState(()=>({previousValue:x,tabActivationDirection:`none`})),{previousValue:N,tabActivationDirection:P}=k,L=P,z=!1;N!==x&&(L=R(N,x,l,w),z=N!=null&&x!=null&&O(x)==null);let B=z?N:x,V=N!==B||P!==L;v(()=>{V&&A({previousValue:B,tabActivationDirection:L})},[B,V,L]);let H=h((e,t)=>{t.activationDirection=R(x,e,l,w),s?.(e,t),!t.isCanceled&&S(e)}),U=h((e,t)=>{s?.(e,o(t,void 0,void 0,{activationDirection:`none`}))}),W=h((e,t)=>{b(n=>{if(n.get(e)===t)return n;let r=new Map(n);return r.set(e,t),r})}),G=h((e,t)=>{b(n=>{if(!n.has(e)||n.get(e)!==t)return n;let r=new Map(n);return r.delete(e),r})}),K=j.useCallback(e=>y.get(e),[y]),q=j.useCallback(e=>{for(let t of w.values())if(e===t?.value)return t?.id},[w]),J=j.useMemo(()=>({getTabElementBySelectedValue:O,getTabIdByPanelValue:q,getTabPanelIdByValue:K,onValueChange:H,orientation:l,registerMountedTabPanel:W,setTabMap:E,unregisterMountedTabPanel:G,tabActivationDirection:L,value:x}),[O,q,K,H,l,W,E,G,L,x]),Y=j.useMemo(()=>{for(let e of w.values())if(e!=null&&e.value===x)return e},[w,x]),X=j.useMemo(()=>{for(let e of w.values())if(e!=null&&!e.disabled)return e.value},[w]),Z=j.useRef(!m),Q=j.useRef(m),$=j.useRef(!1);v(()=>{if(C)return;function e(e,t){S(e),A(t=>t.previousValue===e&&t.tabActivationDirection===`none`?t:{previousValue:e,tabActivationDirection:`none`}),U(e,t),Z.current=!1}if(w.size===0){if(!$.current||x===null)return;e(null,g);return}$.current=!0;let t=Y?.disabled,r=Y==null&&x!==null;if(!t&&x===a&&(Q.current=!1),Q.current&&t&&x===a)return;let i=Z.current;if(t||r){let r=X??null;if(x===r){Z.current=!1;return}let a=g;i?a=n:t&&(a=c),e(r,a);return}i&&Y!=null&&(U(x,n),Z.current=!1)},[a,X,C,U,Y,S,w,x]);let ee=i(`div`,e,{state:{orientation:l,tabActivationDirection:L},ref:t,props:p,stateAttributesMapping:F});return(0,I.jsx)(M.Provider,{value:J,children:(0,I.jsx)(D,{elementsRef:_,children:ee})})});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(b(65));return e}var V=j.forwardRef(function(e,t){let{className:n,disabled:r=!1,render:a,value:c,id:u,nativeButton:d=!0,style:f,...h}=e,{value:g,getTabPanelIdByValue:_,orientation:b}=N(),{activateOnFocus:x,highlightedTabIndex:C,onTabActivation:w,registerTabResizeObserverElement:T,setHighlightedTabIndex:E,tabsListElement:D}=B(),A=m(u),{compositeProps:M,compositeRef:P,index:F}=O({metadata:j.useMemo(()=>({disabled:r,id:A,value:c}),[r,A,c])}),I=c===g,L=j.useRef(!1),R=j.useRef(null);j.useEffect(()=>{let e=R.current;if(e)return T(e)},[T]),v(()=>{if(L.current){L.current=!1;return}if(!(I&&F>-1&&C!==F))return;let e=D;if(e!=null){let t=p(s(e));if(t&&S(e,t))return}r||E(F)},[I,F,C,E,r,D]);let{getButtonProps:z,buttonRef:V}=l({disabled:r,native:d,focusableWhenDisabled:!0}),H=_(c),U=j.useRef(!1),W=j.useRef(!1);function G(e){I||r||w(c,o(y,e.nativeEvent,void 0,{activationDirection:`none`}))}function K(e){I||(F>-1&&!r&&E(F),!r&&x&&(!U.current||U.current&&W.current)&&w(c,o(y,e.nativeEvent,void 0,{activationDirection:`none`})))}function q(e){if(I||r)return;U.current=!0;function t(){U.current=!1,W.current=!1}(!e.button||e.button===0)&&(W.current=!0,s(e.currentTarget).addEventListener(`pointerup`,t,{once:!0}))}return i(`button`,e,{state:{disabled:r,active:I,orientation:b},ref:[t,V,P,R],props:[M,{role:`tab`,"aria-controls":H,"aria-selected":I,id:A,onClick:G,onFocus:K,onPointerDown:q,[k]:I?``:void 0,onKeyDownCapture(){L.current=!0}},h,z]})}),H=function(e){return e.index=`data-index`,e.activationDirection=`data-activation-direction`,e.orientation=`data-orientation`,e.hidden=`data-hidden`,e[e.startingStyle=r.startingStyle]=`startingStyle`,e[e.endingStyle=r.endingStyle]=`endingStyle`,e}({}),U={...F,...f},W=j.forwardRef(function(e,t){let{className:n,value:r,render:o,keepMounted:s=!1,style:c,...l}=e,{value:d,getTabIdByPanelValue:f,orientation:p,tabActivationDirection:h,registerMountedTabPanel:g,unregisterMountedTabPanel:_}=N(),y=m(),{ref:b,index:x}=E({metadata:j.useMemo(()=>({id:y,value:r}),[y,r])}),S=r===d,{mounted:C,transitionStatus:T,setMounted:D}=a(S),O=!C,k=f(r),A={hidden:O,orientation:p,tabActivationDirection:h,transitionStatus:T},M=j.useRef(null),P=i(`div`,e,{state:A,ref:[t,b,M],props:[{"aria-labelledby":k,hidden:O,id:y,role:`tabpanel`,tabIndex:S?0:-1,inert:w(!S),[H.index]:x},l],stateAttributesMapping:U});return u({open:S,ref:M,onComplete(){S||D(!1)}}),v(()=>{if(!(O&&!s)&&y!=null)return g(r,y),()=>{_(r,y)}},[O,s,r,y,g,_]),s||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(),[p,m]=j.useState(0),[g,v]=j.useState(null),y=j.useRef(new Set),b=j.useRef(new Set),x=j.useRef(null);j.useEffect(()=>{if(typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>{y.current.forEach(e=>{e()})});return x.current=e,g&&e.observe(g),b.current.forEach(t=>{e.observe(t)}),()=>{e.disconnect(),x.current=null}},[g]);let S=h(e=>(y.current.add(e),()=>{y.current.delete(e)})),C=h(e=>(b.current.add(e),x.current?.observe(e),()=>{b.current.delete(e),x.current?.unobserve(e)})),w=h((e,t)=>{e!==u&&c(e,t)}),T={orientation:l,tabActivationDirection:f},E={"aria-orientation":l===`vertical`?`vertical`:void 0,role:`tablist`},D=j.useMemo(()=>({activateOnFocus:n,highlightedTabIndex:p,registerIndicatorUpdateListener:S,registerTabResizeObserverElement:C,onTabActivation:w,setHighlightedTabIndex:m,tabsListElement:g}),[n,p,S,C,w,m,g]);return(0,I.jsx)(z.Provider,{value:D,children:(0,I.jsx)(A,{render:a,className:r,style:o,state:T,refs:[t,v],props:[E,s],stateAttributesMapping:F,highlightedIndex:p,enableHomeAndEndKeys:!0,loopFocus:i,orientation:l,onHighlightedIndexChange:m,onMapChange:d,disabledIndices:_})})});function K({className:e,orientation:t=`horizontal`,...n}){return(0,I.jsx)(L,{"data-slot":`tabs`,"data-orientation":t,className:d(`gap-2 group/tabs flex data-[orientation=horizontal]:flex-col`,e),...n})}var q=x(`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:d(q({variant:t}),e),...n})}function Y({className:e,...t}){return(0,I.jsx)(V,{"data-slot":`tabs-trigger`,className:d(`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:d(`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-XpsVS3ff.js

@@ -0,0 +1,19 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-C6-_Sy6B.js";import{a as i}from"./index-B8DVXCmf.js";import{i as a,n as o,r as s,t as c}from"./tabs-D02JL-Fa.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};

package/dist/showcase/assets/text-button-BWCgXGnr.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Hn as n,Tr as r,jr as i}from"./example-C6-_Sy6B.js";import{a}from"./index-B8DVXCmf.js";var o=e(t(),1),s=a(),c={xs:`xs`,sm:`sm`,base:`default`},l={xs:`xs`,sm:`sm`,default:`base`,lg:`base`},u={xs:`text-xs h-auto px-0`,sm:`text-sm h-auto px-0`,base:`text-base h-auto px-0`},d=o.forwardRef(({className:e,type:t=`button`,size:a,disabled:o,...d},f)=>{let{defaultSize:p}=i(),m=a??l[p??`sm`]??`xs`;return(0,s.jsx)(n,{ref:f,type:t,variant:`primary`,buttonStyle:`ghost`,size:c[m],disabled:o,className:r(`text-button--component`,`inline-flex items-center justify-center underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current`,`text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,`disabled:pointer-events-none disabled:opacity-50`,u[m],e),...d})});d.displayName=`TextButton`;export{d as t};

package/dist/showcase/assets/text-link-TzuDnSCF.js

@@ -0,0 +1 @@
+import{Tr as e}from"./example-C6-_Sy6B.js";import{a as t}from"./index-B8DVXCmf.js";var n=t(),r={inherit:`text-inherit`,sm:`text-sm`,xs:`text-xs`,base:`text-base`,lg:`text-lg`,xl:`text-xl`},i={main:`text-foreground`,inverse:`text-background`,secondary:`text-muted-foreground`,discrete:`text-muted-foreground/50`,error:`text-destructive`,success:`text-success`,primary:`text-primary`},a={normal:`leading-normal`,relaxed:`leading-relaxed`,loose:`leading-loose`,tight:`leading-tight`,snug:`leading-snug`,none:`leading-none`},o={regular:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`},s={center:`text-center`,right:`text-right`,left:`text-left`};function c({type:t=`main`,size:c=`sm`,align:l=`left`,lineHeight:u=`normal`,weight:d=`regular`,className:f=``,underline:p=!0,children:m,...h}){return(0,n.jsx)(`a`,{className:e(i[t],r[c],s[l],a[u],o[d],p&&`underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500`,f),"data-typography":`link`,...h,children:m})}c.displayName=`TextLink`;export{c as t};

package/dist/showcase/assets/textarea-B7DUIiH_.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{Tr as t}from"./example-C6-_Sy6B.js";import{a as n}from"./index-B8DVXCmf.js";e();var r=n();function i({className:e,...n}){return(0,r.jsx)(`textarea`,{"data-slot":`textarea`,className:t(`border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive rounded-md border bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50`,e),...n})}export{i as t};