themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/table-ghtAQ-JJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-ghtAQ-JJ.js","names":["NumberValue","PaginationRoot","_Fragment","_Fragment","Link","NumberValue","DateValue","Link","DateValue","resolveComponentScale","useDensityConfig","cn","Button","Text","DisplayLabel","TextLink","Stack","ActionMenu","ActionButtons","Value","Phone","Name","SecondaryValue","MutedValue","FileSize","Url","MonoValue","Email","EmptyValue","Link$1","formatInitials","Percent","Money","Number","Time","RelativeTime","DateTime","parseDateInput","DatePrimitive","Badge","Separator","Input","Checkbox","PaginationNext","defaultPaginationStrings","PaginationLink","PaginationEllipsis","PaginationPrevious","PaginationItem","PaginationPrimitive","PaginationContent","TableRow","TableCell","TableBody","TableHead","TableHeader","Table","EmptyState","Fragment$1","SCROLL_AMOUNT_DEFAULT","getDataTableScrollContainer","tableArea","useDataTableScrollState","options","canScrollLeft","setCanScrollLeft","useState","canScrollRight","setCanScrollRight","rafRef","useRef","measure","useCallback","el","tableAreaRef","scrollLeft","clientWidth","scrollWidth","detach","timerId","handleScroll","ro","deps","scrollBy","delta","stepPx","FOCUSABLE_SELECTOR","useFullscreenTableModality","onExitRef","onExit","useEffect","active","opener","previousBodyOverflow","handleKeyDown","region","regionRef","event","focusables","node","first","last","current","inside","guardedRegion","fallbackTitleCase","formatted","value","char","defaultDataTableStrings","currentLabel","columnId","selected","total","index","mergeNested","defaults","overrides","mergeDataTableStrings","generatePageNumbers","lastPage","i","pages","currentPage","start","end","buildPageUrl","params","queryKey","page","basePath","Pagination","paginationLabels","labels","primitiveStrings","pageQueryKey","firstItem","pagination","lastItem","navigateToPage","url","onPageChange","hasPrevious","hasNext","e","isEllipsis","itemKey","DataTableActions","providedStrings","props","strings","resolvedMenuLabel","menuLabel","resolvedActions","useMemo","base","actions","row","visibleActions","evalFlag","flag","visible","action","hasVisibleActions","isNarrow","setIsNarrow","nonDestructive","destructive","sortedActions","displayMode","handleResize","responsiveBreakpoint","mode","actionDefinitions","idx","MoreHorizontal","handleRowSelectionChange","updatedSelection","setInternalState","newState","prevState","externalHandler","handleSortingChange","updatedSorting","handleColumnVisibilityChange","updatedVisibility","getRowClassName","className","isSelected","rowClassName","getCellClassName","baseClassName","cellClassName","stickyFirstColumn","isFirstColumn","getSelectedRowsData","table","createRowSelectionCheckbox","checked","createHeaderSelectionCheckbox","addSelectionColumn","columns","DataTableBody","tableRows","resolvedEmptyStateMessage","emptyStateMessage","handleRowClick","onRowClick","isRowSelected","rowCells","computedRowClassName","rowIndex","handleRowSelection","zebraClass","striped","rowClasses","cell","cellIndex","flexRender","PackageOpen","emptyStateAction","DataTableHeader","headerGroups","stickyCellClassName","stickyHeader","headerTransparent","getColumnGroup","columnGroups","group","headerClassName","headers","currentGroup","groupSpan","groupCells","groupName","header","headerGroup","cellClasses","headerStyle","enableResizing","resizeHandler","isResizing","columnLabel","rawHeader","canSort","sortDir","headerNode","SortIcon","ArrowUp","ArrowDown","ChevronsUpDown","ColumnVisibilityToggle","column","showVisualLabel","labelVisibility","columnName","Settings2","buttonClass","FullscreenToggle","label","fullscreen","exitLabel","enterLabel","Icon","Minimize2","Maximize2","onFullscreenChange","SCROLL_AMOUNT","btnBase","ToolbarIconButton","getScrollContainer","DataTableToolbar","cleanupRef","checkOverflow","handleScrollLeft","handleScrollRight","hideableColumns","enableColumnVisibility","hasScrollArrows","hasColumns","hasFullscreen","showFullscreenToggle","ChevronLeft","ChevronRight","DataTableSizeContext","createContext","useDataTableSize","useContext","sizeClassByDataTableSize","textSizeByDataTableSize","toCssSize","withTextFilter","filterColumn","DataTable","controlledFullscreen","controlledRowSelection","controlledSorting","controlledColumnVisibility","stringsOverride","resolvedSize","size","defaultScale","tableRowClasses","resolvedPageQueryKey","resolvedMaxBodyHeight","maxBodyHeight","resolvedColumns","formattedStorageKey","storageKey","initialColumnVisibility","explicitDefault","defaultColumnVisibility","initialState","stored","internalSorting","setInternalSorting","defaultSorting","columnFilters","setColumnFilters","internalColumnVisibility","setInternalColumnVisibility","internalRowSelection","setInternalRowSelection","internalFullscreen","setInternalFullscreen","defaultFullscreen","sorting","columnVisibility","rowSelection","handleColumnFiltersChange","nextFilters","updater","onColumnFiltersChange","handleSortingChangeCallback","nextSorting","onSortingChange","handleVisibilityChangeCallback","nextVisibility","onColumnVisibilityChange","handleRowSelectionChangeCallback","nextRowSelection","onRowSelectionChange","fullscreenRegionRef","handleFullscreenChange","nextFullscreen","getRowActionsMenuLabel","rowActionsMenuLabel","columnsWithActions","searchableColumns","enableFiltering","baseColumns","enableRowSelection","rowActions","actionCol","rowActionsDisplayMode","rowActionsBreakpoint","useReactTable","enableSorting","getCoreRowModel","getFilteredRowModel","getSortedRowModel","filterTarget","searchPlaceholder","filterPlaceholder","shouldShow","selectedRows","selectedRowCount","clearSelection","selectionToolbarContext","data","bulkActionNode","bulkActions","defaultSelectionToolbar","stickyToolbar","selectionToolbarClassName","selectionToolbarNode","selectionToolbar","tableAreaStyle","shouldUseScrollableTableContainer","fillAvailableHeight","scrollRegion","Provider","resolvedTextSize","surface","wrapperClassName","topbarContent","topbarEnd","topbarClassName","toolbarLabelVisibility","innerClassName","tableContainerClassName","footerContent","DataTableFilterBar","customContent","isMissingPrimitive","isMissingDisplay","isDescriptor","isValidElement","isTuple","normalizeTuple","rawValue","kind","normalizeCellValue","descriptor","stringValue","renderPrimitiveCellValue","isPrimary","display","resolvedEmptyLabel","emptyLabel","resolvedClassName","weight","primaryWeight","href","CellValue","isMissing","missing","children","fallback","CellStack","visibleValues","values","itemClassName","primaryClassName","secondaryClassName","TableLink","renderResourceBadge","badge","renderResourceMetadata","metadata","item","ResourceCell","IconComponent","Mail","title","titleText","initials","content","contentClassName","titleClassName","badges","subtitle","subtitleClassName","mediaClassName","imageUrl","linkClassName","renderLink","StatusCell","map","entry","StatusClusterCell","visibleItems","items","badgeClassName","DateCell","Calendar","date","showIcon","DateMetaCell","secondaryNode","secondary","CurrencyCell","currency","AvatarCell","name"],"sources":["../src/components/features/table/hooks.ts","../src/components/features/table/table.strings.ts","../src/components/features/table/pagination.tsx","../src/components/features/table/table-actions.tsx","../src/components/features/table/table-helpers.tsx","../src/components/features/table/table-body.tsx","../src/components/features/table/table-header.tsx","../src/components/features/table/column-visibility-toggle.tsx","../src/components/features/table/partials/fullscreen-toggle.tsx","../src/components/features/table/table-toolbar.tsx","../src/components/features/table/data-table.tsx","../src/components/features/table/filter-bar.tsx","../src/components/features/table/partials/cell-value.tsx","../src/components/features/table/partials/table-link.tsx","../src/components/features/table/partials/resource-cell.tsx","../src/components/features/table/partials/cell-renderers.tsx"],"sourcesContent":["/**\n * Reusable hooks for DataTable consumers building custom toolbars or chrome.\n *\n * The default `DataTableToolbar` already wires these internally; expose them\n * for consumers that need horizontal-scroll arrows in a\n * custom layout (e.g. inside a hero banner above the table).\n */\nimport { useCallback, useEffect, useRef, useState, type RefObject } from 'react';\n\nconst SCROLL_AMOUNT_DEFAULT = 300;\n\n/**\n * Locate the actual horizontally-scrollable element inside a `tableArea`\n * wrapper. The shadcn-style Table primitive renders a\n * `<div data-slot=\"table-container\" class=\"overflow-x-auto\">` we target.\n */\nexport function getDataTableScrollContainer(\n\ttableArea: HTMLDivElement | null,\n): HTMLDivElement | null {\n\tif (!tableArea) return null;\n\treturn tableArea.querySelector<HTMLDivElement>('[data-slot=\"table-container\"]');\n}\n\nexport interface UseDataTableScrollStateReturn {\n\tcanScrollLeft: boolean;\n\tcanScrollRight: boolean;\n\tscrollBy: (delta: number) => void;\n\tscrollLeft: () => void;\n\tscrollRight: () => void;\n}\n\n/**\n * Track horizontal-overflow state for a DataTable wrapper. Returns booleans\n * for whether each scroll direction is available, plus helpers to nudge the\n * scroll container by a fixed amount.\n *\n * Pass the same `RefObject<HTMLDivElement>` you pass to `<DataTable>` as\n * `tableAreaRef`.\n */\nexport function useDataTableScrollState(\n\ttableAreaRef: RefObject<HTMLDivElement | null>,\n\toptions: { stepPx?: number; deps?: ReadonlyArray<unknown> } = {},\n): UseDataTableScrollStateReturn {\n\tconst { stepPx = SCROLL_AMOUNT_DEFAULT, deps = [] } = options;\n\tconst [canScrollLeft, setCanScrollLeft] = useState(false);\n\tconst [canScrollRight, setCanScrollRight] = useState(false);\n\tconst rafRef = useRef(0);\n\n\tconst measure = useCallback(() => {\n\t\tconst el = getDataTableScrollContainer(tableAreaRef.current);\n\t\tif (!el) {\n\t\t\tsetCanScrollLeft(false);\n\t\t\tsetCanScrollRight(false);\n\t\t\treturn;\n\t\t}\n\t\tconst { scrollLeft, scrollWidth, clientWidth } = el;\n\t\tsetCanScrollLeft(scrollLeft > 1);\n\t\tsetCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);\n\t}, [tableAreaRef]);\n\n\tuseEffect(() => {\n\t\tlet detach: (() => void) | undefined;\n\t\tconst timerId = window.setTimeout(() => {\n\t\t\tmeasure();\n\t\t\tconst el = getDataTableScrollContainer(tableAreaRef.current);\n\t\t\tif (!el) return;\n\n\t\t\tconst handleScroll = () => {\n\t\t\t\tcancelAnimationFrame(rafRef.current);\n\t\t\t\trafRef.current = requestAnimationFrame(measure);\n\t\t\t};\n\n\t\t\tel.addEventListener('scroll', handleScroll, { passive: true });\n\t\t\tconst ro = new ResizeObserver(measure);\n\t\t\tro.observe(el);\n\t\t\tif (el.firstElementChild) ro.observe(el.firstElementChild);\n\n\t\t\tdetach = () => {\n\t\t\t\tel.removeEventListener('scroll', handleScroll);\n\t\t\t\tcancelAnimationFrame(rafRef.current);\n\t\t\t\tro.disconnect();\n\t\t\t};\n\t\t}, 0);\n\n\t\treturn () => {\n\t\t\twindow.clearTimeout(timerId);\n\t\t\tdetach?.();\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [tableAreaRef, measure, ...deps]);\n\n\tconst scrollBy = useCallback(\n\t\t(delta: number) => {\n\t\t\tgetDataTableScrollContainer(tableAreaRef.current)?.scrollBy({\n\t\t\t\tleft: delta,\n\t\t\t\tbehavior: 'smooth',\n\t\t\t});\n\t\t},\n\t\t[tableAreaRef],\n\t);\n\n\tconst scrollLeft = useCallback(() => scrollBy(-stepPx), [scrollBy, stepPx]);\n\tconst scrollRight = useCallback(() => scrollBy(stepPx), [scrollBy, stepPx]);\n\n\treturn { canScrollLeft, canScrollRight, scrollBy, scrollLeft, scrollRight };\n}\n\nconst FOCUSABLE_SELECTOR = [\n\t'a[href]',\n\t'button:not([disabled])',\n\t'input:not([disabled])',\n\t'select:not([disabled])',\n\t'textarea:not([disabled])',\n\t'[tabindex]:not([tabindex=\"-1\"])',\n].join(',');\n\n/**\n * Modal behaviour for the full-screen table.\n *\n * Full-screen mode paints `fixed inset-0` over the entire viewport — the app's\n * own header and navigation included — which makes it modal in every way that\n * matters to a user. It shipped with none of the contract that implies: Escape\n * did nothing, Tab walked out into the page underneath that nobody can see, and\n * assistive technology was never told the rest of the document was unavailable.\n *\n * `aria-modal` on the region covers the announcement. This covers the rest:\n * Escape leaves, Tab cycles inside, and focus returns to the control that\n * opened it so keyboard users are not dropped at the top of the document.\n */\nexport function useFullscreenTableModality(\n\tactive: boolean,\n\tregionRef: RefObject<HTMLElement | null>,\n\tonExit: () => void,\n): void {\n\tconst onExitRef = useRef(onExit);\n\tonExitRef.current = onExit;\n\n\tuseEffect(() => {\n\t\tif (!active || typeof document === 'undefined') return;\n\n\t\tconst opener = document.activeElement as HTMLElement | null;\n\t\tconst previousBodyOverflow = document.body.style.overflow;\n\t\tdocument.body.style.overflow = 'hidden';\n\n\t\tconst handleKeyDown = (event: KeyboardEvent) => {\n\t\t\tconst region = regionRef.current;\n\t\t\tif (!region) return;\n\n\t\t\tif (event.key === 'Escape') {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tonExitRef.current();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (event.key !== 'Tab') return;\n\n\t\t\tconst focusables = Array.from(\n\t\t\t\tregion.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n\t\t\t).filter((node) => node.offsetParent !== null || node === document.activeElement);\n\t\t\tif (focusables.length === 0) return;\n\n\t\t\tconst first = focusables[0];\n\t\t\tconst last = focusables[focusables.length - 1];\n\t\t\tconst current = document.activeElement;\n\t\t\tconst inside = current instanceof Node && region.contains(current);\n\n\t\t\tif (event.shiftKey && (!inside || current === first)) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tlast.focus();\n\t\t\t} else if (!event.shiftKey && (!inside || current === last)) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tfirst.focus();\n\t\t\t}\n\t\t};\n\n\t\t// Captured now: by cleanup the ref may already point elsewhere, and the\n\t\t// node this effect actually guarded is the one whose focus we care about.\n\t\tconst guardedRegion = regionRef.current;\n\n\t\tdocument.addEventListener('keydown', handleKeyDown, true);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('keydown', handleKeyDown, true);\n\t\t\tdocument.body.style.overflow = previousBodyOverflow;\n\t\t\t// Only reclaim focus if it is still inside the region we are closing;\n\t\t\t// a consumer that moved focus elsewhere on exit keeps it.\n\t\t\tconst current = document.activeElement;\n\t\t\tconst stillInside =\n\t\t\t\tguardedRegion && current instanceof Node && guardedRegion.contains(current);\n\t\t\tif ((stillInside || current === document.body) && opener?.isConnected) opener.focus();\n\t\t};\n\t}, [active, regionRef]);\n}\n","import { type DataTableStrings, type DataTableStringsOverride } from './table.types';\n\nconst fallbackTitleCase = (value: string): string => {\n\tconst formatted = value\n\t\t.replace(/[_-]+/g, ' ')\n\t\t.replace(/\\s+/g, ' ')\n\t\t.trim();\n\n\tif (!formatted) {\n\t\treturn 'Column';\n\t}\n\n\treturn formatted.replace(/\\b\\w/g, (char) => char.toUpperCase());\n};\n\nconst formatColumnLabel = (columnId: string, currentLabel?: string | null): string => {\n\tif (currentLabel && currentLabel.trim().length > 0) {\n\t\treturn currentLabel;\n\t}\n\n\treturn fallbackTitleCase(columnId);\n};\n\nexport const defaultDataTableStrings: DataTableStrings = {\n\temptyState: {\n\t\tmessage: 'No results found.',\n\t},\n\tactions: {\n\t\ttriggerLabel: 'Actions',\n\t\tsrLabel: 'Row actions menu',\n\t},\n\tfilter: {\n\t\tsearchPlaceholder: 'Filter...',\n\t\tcolumnsButton: 'Columns',\n\t},\n\tcolumnVisibility: {\n\t\ttitle: 'Toggle columns',\n\t\ttriggerLabel: 'Columns',\n\t\tformatLabel: formatColumnLabel,\n\t},\n\ttoolbar: {\n\t\tscrollLeft: 'Scroll left',\n\t\tscrollRight: 'Scroll right',\n\t\tcolumns: 'Toggle columns',\n\t\tenterFullscreen: 'Enter full screen',\n\t\texitFullscreen: 'Exit full screen',\n\t},\n\tpagination: {\n\t\tshowing: 'Showing',\n\t\tto: 'to',\n\t\tof: 'of',\n\t\tentries: 'results',\n\t\tprevious: 'Previous',\n\t\tnext: 'Next',\n\t\tpreviousLabel: 'Go to previous page',\n\t\tnextLabel: 'Go to next page',\n\t\tmorePages: 'More pages',\n\t\tpage: 'Page',\n\t\trowsPerPage: 'Rows per page',\n\t\tariaLabel: 'Pagination navigation',\n\t},\n\tselection: {\n\t\tsummary: (selected, total) => `${selected} of ${total} row${total === 1 ? '' : 's'} selected.`,\n\t\trow: (index) => `Select row ${index + 1}`,\n\t\tselectAll: 'Select all rows',\n\t\tclear: 'Clear selection',\n\t},\n\taccessibility: {\n\t\tscrollRegion: 'Table scroll area',\n\t\tfullscreenRegion: 'Table, full screen',\n\t},\n} as const;\n\nconst mergeNested = <T extends object>(defaults: T, overrides?: Partial<T>): T => ({\n\t...defaults,\n\t...(overrides ?? {}),\n});\n\nexport const mergeDataTableStrings = (overrides?: DataTableStringsOverride): DataTableStrings => {\n\tif (!overrides) {\n\t\treturn defaultDataTableStrings;\n\t}\n\n\treturn {\n\t\temptyState: mergeNested(defaultDataTableStrings.emptyState, overrides.emptyState),\n\t\tactions: mergeNested(defaultDataTableStrings.actions, overrides.actions),\n\t\tfilter: mergeNested(defaultDataTableStrings.filter, overrides.filter),\n\t\tcolumnVisibility: mergeNested(defaultDataTableStrings.columnVisibility, overrides.columnVisibility),\n\t\ttoolbar: mergeNested(defaultDataTableStrings.toolbar, overrides.toolbar),\n\t\tpagination: mergeNested(defaultDataTableStrings.pagination, overrides.pagination),\n\t\tselection: mergeNested(defaultDataTableStrings.selection, overrides.selection),\n\t\taccessibility: mergeNested(defaultDataTableStrings.accessibility, overrides.accessibility),\n\t};\n};\n","import { useCallback } from 'react';\nimport {\n\tPaginationPrimitive as PaginationRoot,\n\tPaginationContent,\n\tPaginationEllipsis,\n\tPaginationItem,\n\tPaginationLink,\n\tPaginationNext,\n\tPaginationPrevious,\n\tdefaultPaginationStrings,\n} from '../../base/navigation/pagination';\nimport { Number as NumberValue, SecondaryValue } from '../../primitives';\nimport { defaultDataTableStrings } from './table.strings';\nimport { type ServerPaginationProps } from './table.types';\n\nimport { cn } from '../../../lib/utils';\n/**\n * Generate a window of page numbers with ellipsis gaps.\n *\n * Always shows first page, last page, and up to 1 sibling\n * on each side of the current page.\n */\nfunction generatePageNumbers(\n\tcurrentPage: number,\n\tlastPage: number,\n): (number | 'ellipsis')[] {\n\tif (lastPage <= 7) {\n\t\treturn Array.from({ length: lastPage }, (_, i) => i + 1);\n\t}\n\n\tconst pages: (number | 'ellipsis')[] = [1];\n\n\tif (currentPage > 3) {\n\t\tpages.push('ellipsis');\n\t}\n\n\tconst start = Math.max(2, currentPage - 1);\n\tconst end = Math.min(lastPage - 1, currentPage + 1);\n\n\tfor (let i = start; i <= end; i++) {\n\t\tpages.push(i);\n\t}\n\n\tif (currentPage < lastPage - 2) {\n\t\tpages.push('ellipsis');\n\t}\n\n\tpages.push(lastPage);\n\n\treturn pages;\n}\n\nfunction buildPageUrl(basePath: string, page: number, queryKey: string): string {\n\t// Build a URL without inheriting the current location's query string —\n\t// the library is framework-agnostic and must not read browser globals\n\t// to decide what to put in href. Consumers that need their own params\n\t// merged should compute and pass the URL via the pagination object.\n\tconst params = new URLSearchParams();\n\tparams.set(queryKey, String(page));\n\treturn `${basePath}?${params.toString()}`;\n}\n\nexport function Pagination({\n\tpagination,\n\tonPageChange,\n\tlabels = {},\n\tpageQueryKey,\n}: ServerPaginationProps) {\n\tconst paginationLabels = {\n\t\t...defaultDataTableStrings.pagination,\n\t\t...labels,\n\t};\n\tconst primitiveStrings = {\n\t\tnavigationLabel: paginationLabels.ariaLabel,\n\t\tprevious: paginationLabels.previous,\n\t\tnext: paginationLabels.next,\n\t\tpreviousLabel: paginationLabels.previousLabel ?? defaultPaginationStrings.previousLabel,\n\t\tnextLabel: paginationLabels.nextLabel ?? defaultPaginationStrings.nextLabel,\n\t\tmorePages: paginationLabels.morePages ?? defaultPaginationStrings.morePages,\n\t};\n\tconst queryKey = pageQueryKey ?? 'page';\n\n\tconst firstItem = (pagination.current_page - 1) * pagination.per_page + 1;\n\tconst lastItem = Math.min(\n\t\tpagination.current_page * pagination.per_page,\n\t\tpagination.total,\n\t);\n\n\tconst navigateToPage = useCallback(\n\t\t(page: number, url: string | null) => {\n\t\t\tif (!url) return;\n\t\t\t// The library never navigates on its own. Consumers wire their\n\t\t\t// router (Inertia, Tanstack Router, RR7, Next, …) through\n\t\t\t// `onPageChange`. When it's absent the click is a no-op — the\n\t\t\t// `href` attribute on the underlying anchor remains the only\n\t\t\t// fallback path (browsers will navigate it if JS doesn't run).\n\t\t\tonPageChange?.(page, url, pagination.path || '');\n\t\t},\n\t\t[onPageChange, pagination.path],\n\t);\n\n\tconst hasPrevious = pagination.prev_page_url !== null;\n\tconst hasNext = pagination.next_page_url !== null;\n\tconst pages = generatePageNumbers(pagination.current_page, pagination.last_page);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t'pagination--component',\n\t\t\t\t'flex flex-col items-start gap-space-md px-surface py-row-y-lg sm:flex-row sm:items-center sm:justify-between sm:gap-0',\n\t\t\t)}\n\t\t>\n\t\t\t<SecondaryValue size=\"xs\" className=\"tabular-nums tracking-tight\">\n\t\t\t\t<NumberValue value={firstItem} size=\"xs\" weight=\"medium\" align=\"left\" />\n\t\t\t\t&ndash;\n\t\t\t\t<NumberValue value={lastItem} size=\"xs\" weight=\"medium\" align=\"left\" />{' '}\n\t\t\t\t{paginationLabels.of}{' '}\n\t\t\t\t<NumberValue value={pagination.total} size=\"xs\" weight=\"medium\" align=\"left\" />{' '}\n\t\t\t\t{paginationLabels.entries}\n\t\t\t</SecondaryValue>\n\n\t\t\t<PaginationRoot strings={primitiveStrings} className=\"mx-0 w-full justify-start sm:w-auto sm:justify-center\">\n\t\t\t\t<PaginationContent className=\"gap-0 sm:gap-space-2xs\">\n\t\t\t\t\t<PaginationItem>\n\t\t\t\t\t\t<PaginationPrevious\n\t\t\t\t\t\t\ttext={paginationLabels.previous}\n\t\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\t\tonClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tnavigateToPage(\n\t\t\t\t\t\t\t\t\tpagination.current_page - 1,\n\t\t\t\t\t\t\t\t\tpagination.prev_page_url,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-disabled={!hasPrevious}\n\t\t\t\t\t\t\tclassName={`h-action-sm text-pxs ${!hasPrevious ? 'pointer-events-none opacity-40' : ''}`}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PaginationItem>\n\n\t\t\t\t\t{pages.map((page, index) => {\n\t\t\t\t\t\tconst isEllipsis = page === 'ellipsis';\n\t\t\t\t\t\tconst itemKey = isEllipsis\n\t\t\t\t\t\t\t? `ellipsis-${pagination.current_page}-${index}`\n\t\t\t\t\t\t\t: `page-${page}`;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t<PaginationItem key={itemKey}>\n\t\t\t\t\t\t\t{isEllipsis ? (\n\t\t\t\t\t\t\t\t<PaginationEllipsis className=\"size-action-sm\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<PaginationLink\n\t\t\t\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\t\t\t\tactive={page === pagination.current_page}\n\t\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\tnavigateToPage(\n\t\t\t\t\t\t\t\t\t\t\tpage,\n\t\t\t\t\t\t\t\t\t\t\tbuildPageUrl(pagination.path, page, queryKey),\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tclassName=\"size-action-sm text-pxs\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t\t</PaginationLink>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</PaginationItem>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\n\t\t\t\t\t<PaginationItem>\n\t\t\t\t\t\t<PaginationNext\n\t\t\t\t\t\t\ttext={paginationLabels.next}\n\t\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\t\tonClick={(e: React.MouseEvent) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tnavigateToPage(\n\t\t\t\t\t\t\t\t\tpagination.current_page + 1,\n\t\t\t\t\t\t\t\t\tpagination.next_page_url,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-disabled={!hasNext}\n\t\t\t\t\t\t\tclassName={`h-action-sm text-pxs ${!hasNext ? 'pointer-events-none opacity-40' : ''}`}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PaginationItem>\n\t\t\t\t</PaginationContent>\n\t\t\t</PaginationRoot>\n\t\t</div>\n\t);\n}\n\nPagination.displayName = 'Pagination';\n","import { MoreHorizontal } from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport {\n\tActionButtons,\n\tActionMenu,\n\ttype ActionMenuAction,\n} from '../../base/action-menu';\nimport { cn } from '../../../lib/utils';\nimport { defaultDataTableStrings } from './table.strings';\nimport { type DataTableActionsProps, type TableAction } from './table.types';\n\nexport function DataTableActions<TData>(props: DataTableActionsProps<TData>) {\n\tconst {\n\t\trow,\n\t\tactions,\n\t\tmenuLabel,\n\t\tdisplayMode = 'menu', // preserve existing behavior\n\t\tresponsiveBreakpoint = 1040,\n\t\tstrings: providedStrings\n\t} = props;\n\n\tconst strings = providedStrings ?? defaultDataTableStrings;\n\tconst resolvedMenuLabel = menuLabel ?? strings.actions.triggerLabel;\n\n\t// Resolve actions array\n\tconst resolvedActions = useMemo<TableAction<TData>[]>(() => {\n\t\tconst base = typeof actions === 'function' ? actions(row) : actions;\n\t\treturn Array.isArray(base) ? base : [];\n\t}, [actions, row]);\n\n\t// Filter visibility and compute disabled by predicate/boolean\n\tconst visibleActions = useMemo(() => {\n\t\tconst evalFlag = (flag: boolean | ((r: TData) => boolean) | undefined): boolean | undefined => {\n\t\t\tif (typeof flag === 'function') return flag(row);\n\t\t\treturn flag;\n\t\t};\n\t\treturn resolvedActions.flatMap((action) => {\n\t\t\tconst visible = evalFlag(action.visible) ?? true;\n\t\t\tif (!visible) return [];\n\t\t\treturn [{\n\t\t\t\t...action,\n\t\t\t\tvisible,\n\t\t\t\tdisabled: evalFlag(action.disabled) ?? false,\n\t\t\t}];\n\t\t});\n\t}, [resolvedActions, row]);\n\n\t// No actions to render\n\tconst hasVisibleActions = visibleActions.length > 0;\n\n\t// Responsive auto mode: inline over breakpoint, menu under\n\tconst [isNarrow, setIsNarrow] = useState(false);\n\n\t// Keep destructive actions at the end in both inline and menu modes.\n\tconst nonDestructive = visibleActions.filter((action) => action.tone !== 'destructive');\n\tconst destructive = visibleActions.filter((action) => action.tone === 'destructive');\n\n\t// 2. Combine them (non-destructive first, destructive last)\n\tconst sortedActions = [...nonDestructive, ...destructive];\n\n\tuseEffect(() => {\n\t\tif (displayMode !== 'auto' || !hasVisibleActions) {\n\t\t\tsetIsNarrow(false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst handleResize = () => {\n\t\t\ttry {\n\t\t\t\tsetIsNarrow(window.innerWidth <= responsiveBreakpoint);\n\t\t\t} catch {\n\t\t\t\tsetIsNarrow(false);\n\t\t\t}\n\t\t};\n\n\t\thandleResize();\n\t\twindow.addEventListener('resize', handleResize);\n\t\treturn () => window.removeEventListener('resize', handleResize);\n\t}, [displayMode, hasVisibleActions, responsiveBreakpoint]);\n\n\tif (!hasVisibleActions) return null;\n\n\tconst mode: 'menu' | 'inline' = displayMode === 'auto' ? (isNarrow ? 'menu' : 'inline') : displayMode;\n\n\tconst actionDefinitions = sortedActions.map<ActionMenuAction>((action, idx) => ({\n\t\tid: action.id || `${action.label}-${idx}`,\n\t\tlabel: action.label,\n\t\ticon: action.icon,\n\t\tdisabled: !!action.disabled,\n\t\ttone: action.tone,\n\t\tbuttonStyle: action.buttonStyle,\n\t\tonClick: () => action.onClick?.(row),\n\t}));\n\n\t    if (mode === 'inline') {\n\t        return (\n\t            <ActionButtons\n\t\t\t\t\tactions={actionDefinitions}\n\t\t\t\t\tclassName={cn('table-actions--component')}\n\t\t\t\t/>\n\t\t);\n\t}\n\n\n\t// menu mode (default) using our ActionMenu implementation\n\treturn (\n\t\t<ActionMenu\n\t\t\tactions={actionDefinitions}\n\t\t\tlabel={undefined}\n\t\t\ticon={MoreHorizontal}\n\t\t\tsrText={resolvedMenuLabel || strings.actions.srLabel}\n\t\t\tcloseOnSelect={true}\n\t\t\talign=\"end\"\n\t\t\tdensity=\"table\"\n\t\t/>\n\t);\n}\n\nDataTableActions.displayName = 'DataTableActions';\n","import type {\n\tSortingState,\n\tRowSelectionState,\n\tVisibilityState,\n\tTable,\n\tRow,\n\tUpdater,\n\tColumnDef,\n} from '@tanstack/react-table';\nimport React from 'react';\nimport { Checkbox } from '../../base/choice-inputs';\nimport { defaultDataTableStrings } from './table.strings';\nimport type { DataTableStrings } from './table.types';\n\n/**\n * Helper function for handling row selection changes with OnChangeFn compatibility\n */\nexport const handleRowSelectionChange = (\n\tupdatedSelection: Updater<RowSelectionState>,\n\tsetInternalState: React.Dispatch<React.SetStateAction<RowSelectionState>>,\n\texternalHandler?: (state: RowSelectionState) => void,\n) => {\n\t// Handle both direct values and updater functions\n\tif (typeof updatedSelection === 'function') {\n\t\t// If it's a function, use setState with function argument\n\t\tsetInternalState((prevState) => {\n\t\t\tconst newState = (\n\t\t\t\tupdatedSelection as (prev: RowSelectionState) => RowSelectionState\n\t\t\t)(prevState);\n\t\t\tif (externalHandler) {\n\t\t\t\texternalHandler(newState);\n\t\t\t}\n\t\t\treturn newState;\n\t\t});\n\t} else {\n\t\t// If it's a direct value, just use it\n\t\tsetInternalState(updatedSelection);\n\t\tif (externalHandler) {\n\t\t\texternalHandler(updatedSelection);\n\t\t}\n\t}\n};\n\n/**\n * Helper function for handling sorting changes with OnChangeFn compatibility\n */\nexport const handleSortingChange = (\n\tupdatedSorting: Updater<SortingState>,\n\tsetInternalState: React.Dispatch<React.SetStateAction<SortingState>>,\n\texternalHandler?: (state: SortingState) => void,\n) => {\n\t// Handle both direct values and updater functions\n\tif (typeof updatedSorting === 'function') {\n\t\t// If it's a function, use setState with function argument\n\t\tsetInternalState((prevState) => {\n\t\t\tconst newState = (updatedSorting as (prev: SortingState) => SortingState)(\n\t\t\t\tprevState,\n\t\t\t);\n\t\t\tif (externalHandler) {\n\t\t\t\texternalHandler(newState);\n\t\t\t}\n\t\t\treturn newState;\n\t\t});\n\t} else {\n\t\t// If it's a direct value, just use it\n\t\tsetInternalState(updatedSorting);\n\t\tif (externalHandler) {\n\t\t\texternalHandler(updatedSorting);\n\t\t}\n\t}\n};\n\n/**\n * Helper function for handling column visibility changes\n */\nexport const handleColumnVisibilityChange = (\n\tupdatedVisibility: Updater<VisibilityState>,\n\tsetInternalState: React.Dispatch<React.SetStateAction<VisibilityState>>,\n\texternalHandler?: (state: VisibilityState) => void,\n) => {\n\t// Handle both direct values and updater functions\n\tif (typeof updatedVisibility === 'function') {\n\t\t// If it's a function, use setState with function argument\n\t\tsetInternalState((prevState) => {\n\t\t\tconst newState = (\n\t\t\t\tupdatedVisibility as (prev: VisibilityState) => VisibilityState\n\t\t\t)(prevState);\n\t\t\tif (externalHandler) {\n\t\t\t\texternalHandler(newState);\n\t\t\t}\n\t\t\treturn newState;\n\t\t});\n\t} else {\n\t\t// If it's a direct value, just use it\n\t\tsetInternalState(updatedVisibility);\n\t\tif (externalHandler) {\n\t\t\texternalHandler(updatedVisibility);\n\t\t}\n\t}\n};\n\n/**\n * Get row class name based on selection state and custom function\n */\nexport const getRowClassName = <TData,>(\n\trow: Row<TData>,\n\tindex: number,\n\trowClassName?: string | ((row: Row<TData>, index: number) => string),\n\tisSelected?: boolean,\n): string => {\n\tlet className = '';\n\n\t// Add selected class if the row is selected\n\tif (isSelected) {\n\t\tclassName += 'bg-primary/5 ';\n\t}\n\n\t// Add custom class name\n\tif (typeof rowClassName === 'function') {\n\t\tclassName += rowClassName(row, index) + ' ';\n\t} else if (rowClassName) {\n\t\tclassName += rowClassName + ' ';\n\t}\n\n\treturn className.trim();\n};\n\n/**\n * Get cell class name including sticky column handling\n */\nexport const getCellClassName = <TData,>(\n\tcolumnId: string,\n\trow: Row<TData> | null,\n\tcellClassName?: string | ((column: string, row: Row<TData> | null) => string),\n\tstickyFirstColumn?: boolean,\n\tisFirstColumn?: boolean,\n): string => {\n\tlet baseClassName = '';\n\n\t// Add base class name\n\tif (typeof cellClassName === 'string') {\n\t\tbaseClassName = cellClassName;\n\t} else if (cellClassName) {\n\t\tbaseClassName = cellClassName(columnId, row);\n\t}\n\n\t// Add sticky class if it's the first column and sticky first column is enabled\n\tif (stickyFirstColumn && isFirstColumn) {\n\t\treturn `${baseClassName} sticky left-0 z-10 bg-card shadow-[1px_0_0_0_var(--border)]`;\n\t}\n\n\treturn baseClassName;\n};\n\n/**\n * Get selected rows data from the table\n */\nexport const getSelectedRowsData = <T extends object>(table: Table<T>): T[] => {\n\treturn table.getSelectedRowModel().rows.map((row) => row.original);\n};\n\n/**\n * Create row selection component for a row\n */\nexport const createRowSelectionCheckbox = <TData,>(\n\trow: Row<TData>,\n\tstrings: DataTableStrings = defaultDataTableStrings,\n) => (\n\t\t<div className=\"px-space-sm\">\n\t\t\t<Checkbox\n\t\t\t\tclassName=\"size-icon cursor-pointer disabled:cursor-not-allowed disabled:opacity-40\"\n\t\t\tchecked={row.getIsSelected()}\n\t\t\tdisabled={!row.getCanSelect()}\n\t\t\tonCheckedChange={(checked) => row.toggleSelected(checked === true)}\n\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\taria-label={strings.selection.row(row.index)}\n\t\t/>\n\t</div>\n);\n\n/**\n * Create header selection checkbox\n */\nexport const createHeaderSelectionCheckbox = <TData,>(\n\ttable: Table<TData>,\n\tstrings: DataTableStrings = defaultDataTableStrings,\n) => (\n\t\t<div className=\"px-space-sm\">\n\t\t\t<Checkbox\n\t\t\t\tclassName=\"size-icon cursor-pointer\"\n\t\t\tchecked={table.getIsAllPageRowsSelected()}\n\t\t\tindeterminate={table.getIsSomePageRowsSelected() && !table.getIsAllPageRowsSelected()}\n\t\t\tonCheckedChange={(checked) => table.toggleAllPageRowsSelected(checked === true)}\n\t\t\taria-label={strings.selection.selectAll}\n\t\t/>\n\t</div>\n);\n\n/**\n * Add selection column to columns\n */\nexport const addSelectionColumn = <TData, TValue = unknown>(\n\tcolumns: ColumnDef<TData, TValue>[],\n\tstrings: DataTableStrings = defaultDataTableStrings,\n) => {\n\tconst selectionColumn = {\n\t\tid: 'selection',\n\t\theader: ({ table }: { table: Table<TData> }) =>\n\t\t\tcreateHeaderSelectionCheckbox(table, strings),\n\t\tcell: ({ row }: { row: Row<TData> }) => createRowSelectionCheckbox(row, strings),\n\t\tenableSorting: false,\n\t\tenableResizing: false,\n\t\tsize: 40,\n\t} as ColumnDef<TData, TValue>;\n\n\treturn [selectionColumn, ...columns];\n};\n","/**\n * DataTableBody — body rows, selection highlighting, hover, empty state,\n * and (optional) loading skeleton. Stronger hover + selection contrast than\n * the original implementation so rows feel interactive at a glance.\n */\nimport { flexRender } from '@tanstack/react-table';\nimport { PackageOpen } from 'lucide-react';\nimport { TableBody, TableCell, TableRow } from '../../base/table';\nimport { EmptyState } from '../../blocks/data-display';\nimport { cn } from '../../../lib/utils';\nimport {\n\tgetCellClassName,\n\tgetRowClassName,\n} from './table-helpers';\nimport { defaultDataTableStrings } from './table.strings';\nimport { type DataTableBodyProps } from './table.types';\n\nexport function DataTableBody<TData>({\n\ttable,\n\tonRowClick,\n\temptyStateMessage,\n\temptyStateAction,\n\tcellClassName = '',\n\trowClassName = '',\n\tstickyFirstColumn = false,\n\tstriped = false,\n\tstrings,\n}: DataTableBodyProps<TData>) {\n\tconst tableRows = table.getRowModel().rows;\n\tconst resolvedEmptyStateMessage =\n\t\temptyStateMessage ??\n\t\tstrings?.emptyState.message ??\n\t\tdefaultDataTableStrings.emptyState.message;\n\n\tconst handleRowClick = (row: TData) => {\n\t\tif (onRowClick) {\n\t\t\tonRowClick(row);\n\t\t}\n\t};\n\n\tif (!tableRows.length) {\n\t\treturn (\n\t\t\t<TableBody className=\"table-body--component\">\n\t\t\t\t<TableRow className=\"hover:bg-transparent\">\n\t\t\t\t\t<TableCell\n\t\t\t\t\t\tclassName=\"p-0 text-center\"\n\t\t\t\t\t\tcolSpan={table.getAllColumns().length}\n\t\t\t\t\t>\n\t\t\t\t\t\t<EmptyState\n\t\t\t\t\t\t\ttitle={resolvedEmptyStateMessage}\n\t\t\t\t\t\t\tdescription={false}\n\t\t\t\t\t\t\tmedia={<PackageOpen className=\"size-icon\" />}\n\t\t\t\t\t\t\tmediaVariant=\"icon-soft\"\n\t\t\t\t\t\t\tactions={emptyStateAction}\n\t\t\t\t\t\t\tclassName=\"data-table--empty-state\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TableCell>\n\t\t\t\t</TableRow>\n\t\t\t</TableBody>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TableBody>\n\t\t\t{tableRows.map((row, rowIndex) => {\n\t\t\t\tconst isRowSelected = row.getIsSelected();\n\t\t\t\tconst rowCells = row.getVisibleCells();\n\t\t\t\tconst computedRowClassName = getRowClassName(\n\t\t\t\t\trow,\n\t\t\t\t\trowIndex,\n\t\t\t\t\trowClassName,\n\t\t\t\t\tisRowSelected,\n\t\t\t\t);\n\t\t\t\tconst handleRowSelection = () => {\n\t\t\t\t\tif (onRowClick) {\n\t\t\t\t\t\thandleRowClick(row.original);\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t\tconst zebraClass = striped && rowIndex % 2 !== 0 ? 'bg-muted/30' : '';\n\t\t\t\tconst cursorClass = onRowClick ? 'cursor-pointer' : '';\n\t\t\t\tconst rowClasses = cn(\n\t\t\t\t\tcomputedRowClassName,\n\t\t\t\t\tzebraClass,\n\t\t\t\t\t'transition-colors duration-150',\n\t\t\t\t\t'hover:bg-muted/35 data-[state=selected]:bg-primary/8',\n\t\t\t\t\tcursorClass,\n\t\t\t\t\t'border-b border-border/50 last:border-b-0',\n\t\t\t\t);\n\t\t\t\tconst rowState = isRowSelected ? 'selected' : null;\n\n\t\t\t\treturn (\n\t\t\t\t\t<TableRow\n\t\t\t\t\t\tkey={row.id}\n\t\t\t\t\t\tdata-state={rowState}\n\t\t\t\t\t\tclassName={rowClasses}\n\t\t\t\t\t\tonClick={handleRowSelection}\n\t\t\t\t\t>\n\t\t\t\t\t\t{rowCells.map((cell, cellIndex) => (\n\t\t\t\t\t\t\t<TableCell\n\t\t\t\t\t\t\t\tkey={cell.id}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\tgetCellClassName(\n\t\t\t\t\t\t\t\t\t\tcell.column.id,\n\t\t\t\t\t\t\t\t\t\trow,\n\t\t\t\t\t\t\t\t\t\tcellClassName,\n\t\t\t\t\t\t\t\t\t\tstickyFirstColumn,\n\t\t\t\t\t\t\t\t\t\tcellIndex === 0,\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t'first:pl-surface last:pr-surface',\n\t\t\t\t\t\t\t\t\tcell.column.columnDef.meta?.align === 'end' && 'text-right',\n\t\t\t\t\t\t\t\t\tcell.column.columnDef.meta?.align === 'center' && 'text-center',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{flexRender(\n\t\t\t\t\t\t\t\t\tcell.column.columnDef.cell,\n\t\t\t\t\t\t\t\t\tcell.getContext(),\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TableRow>\n\t\t\t\t);\n\t\t\t})}\n\t\t</TableBody>\n\t);\n}\n\nDataTableBody.displayName = 'DataTableBody';\n","/**\n * DataTableHeader — column-group row, primary header row, sort indicators,\n * and (optionally) resize handles. Sortable columns render as a button with\n * an inline up / down / both arrow icon driven by TanStack `column.getIsSorted()`.\n */\nimport { flexRender } from '@tanstack/react-table';\nimport { ArrowDown, ArrowUp, ChevronsUpDown } from 'lucide-react';\nimport React from 'react';\nimport { Button } from '../../base/buttons';\nimport { TableHead, TableHeader, TableRow } from '../../base/table';\nimport { DisplayLabel, Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { getCellClassName } from './table-helpers';\nimport { type DataTableHeaderProps } from './table.types';\n\nexport function DataTableHeader<TData>(\n\t{\n\t\ttable,\n\t\tenableResizing = false,\n\t\tstickyHeader = false,\n\t\theaderClassName = '',\n\t\tcellClassName = '',\n\t\tstickyFirstColumn = false,\n\t\tcolumnGroups,\n\t\theaderTransparent = false,\n\t}: DataTableHeaderProps<TData>) {\n\n\tconst headerGroups = table.getHeaderGroups();\n\tconst stickyCellClassName = stickyHeader\n\t\t? cn(\n\t\t\t'sticky top-0 z-20 backdrop-blur-md shadow-[0_1px_0_0_var(--border)]',\n\t\t\theaderTransparent ? 'bg-background/95' : 'bg-muted/95',\n\t\t)\n\t\t: '';\n\n\tconst getColumnGroup = (columnId: string) => {\n\t\tif (!columnGroups) return null;\n\t\treturn columnGroups.find(group => group.columns.includes(columnId));\n\t};\n\n\tconst renderGroupHeaderRow = () => {\n\t\tif (!columnGroups || columnGroups.length === 0 || headerGroups.length === 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst headers = headerGroups[0].headers;\n\t\tlet currentGroup: string | null = null;\n\t\tlet groupSpan = 0;\n\t\tconst groupCells: React.ReactNode[] = [];\n\n\t\theaders.forEach((header, index) => {\n\t\t\tconst group = getColumnGroup(header.id);\n\t\t\tconst groupName = group?.header || '';\n\n\t\t\tif (groupName !== currentGroup) {\n\t\t\t\tif (currentGroup !== null && groupSpan > 0) {\n\t\t\t\t\tgroupCells.push(\n\t\t\t\t\t\t<TableHead\n\t\t\t\t\t\t\tkey={`group-${currentGroup}-${groupCells.length}`}\n\t\t\t\t\t\t\tcolSpan={groupSpan}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'h-12 border-r border-border/60 bg-muted/35 px-surface py-row-y-sm text-center text-muted-foreground/75 last:border-r-0',\n\t\t\t\t\t\t\t\tstickyCellClassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DisplayLabel>{currentGroup || ''}</DisplayLabel>\n\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tcurrentGroup = groupName;\n\t\t\t\tgroupSpan = 1;\n\t\t\t} else {\n\t\t\t\tgroupSpan++;\n\t\t\t}\n\n\t\t\tif (index === headers.length - 1 && groupSpan > 0) {\n\t\t\t\tgroupCells.push(\n\t\t\t\t\t<TableHead\n\t\t\t\t\t\tkey={`group-${currentGroup}-${groupCells.length}`}\n\t\t\t\t\t\t\tcolSpan={groupSpan}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'h-12 whitespace-nowrap border-r border-border/60 bg-muted/35 px-surface py-row-y-sm text-center text-muted-foreground/75 last:border-r-0',\n\t\t\t\t\t\t\t\tstickyCellClassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DisplayLabel>{currentGroup || ''}</DisplayLabel>\n\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t);\n\t\t\t}\n\t\t});\n\n\t\treturn (\n\t\t\t<TableRow className={cn('table-header--component', 'border-b border-border')}>\n\t\t\t\t{groupCells}\n\t\t\t</TableRow>\n\t\t);\n\t};\n\n\treturn (\n\t\t<TableHeader\n\t\t\tclassName={headerClassName}\n\t\t>\n\t\t\t{renderGroupHeaderRow()}\n\t\t\t{headerGroups.map((headerGroup) => (\n\t\t\t\t<TableRow\n\t\t\t\t\tkey={headerGroup.id}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'border-b border-border/70',\n\t\t\t\t\t\theaderTransparent\n\t\t\t\t\t\t\t? 'bg-transparent hover:bg-transparent'\n\t\t\t\t\t\t\t: 'bg-muted/45 hover:bg-muted/45',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{headerGroup.headers.map((header, index) => {\n\t\t\t\t\t\tconst cellClasses = cn(\n\t\t\t\t\t\t\tgetCellClassName(\n\t\t\t\t\t\t\t\theader.id,\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\tcellClassName,\n\t\t\t\t\t\t\t\tstickyFirstColumn,\n\t\t\t\t\t\t\t\tindex === 0,\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t'h-12',\n\t\t\t\t\t\t\t'first:pl-surface last:pr-surface',\n\t\t\t\t\t\t\t'text-muted-foreground font-medium whitespace-nowrap',\n\t\t\t\t\t\t\theader.column.columnDef.meta?.align === 'end' && 'text-right',\n\t\t\t\t\t\t\theader.column.columnDef.meta?.align === 'center' && 'text-center',\n\t\t\t\t\t\t\tstickyCellClassName,\n\t\t\t\t\t\t\tstickyHeader && stickyFirstColumn && index === 0 && 'z-30',\n\t\t\t\t\t\t\t!stickyHeader && 'bg-transparent',\n\t\t\t\t\t\t);\n\t\t\t\t\t\tconst headerStyle = enableResizing\n\t\t\t\t\t\t\t? { position: 'relative' as const }\n\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\tconst resizeHandler = header.getResizeHandler();\n\t\t\t\t\t\tconst isResizing = header.column.getIsResizing();\n\t\t\t\t\t\tconst columnLabel = (() => {\n\t\t\t\t\t\t\tconst rawHeader = header.column.columnDef.header;\n\t\t\t\t\t\t\tif (typeof rawHeader === 'string') {\n\t\t\t\t\t\t\t\treturn rawHeader;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn typeof header.id === 'string' ? header.id : 'column';\n\t\t\t\t\t\t})();\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<TableHead\n\t\t\t\t\t\t\t\tkey={header.id}\n\t\t\t\t\t\t\t\tclassName={cellClasses}\n\t\t\t\t\t\t\t\tstyle={headerStyle}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{header.isPlaceholder ? null : (\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t{(() => {\n\t\t\t\t\t\t\t\t\t\t\tconst canSort = header.column.getCanSort();\n\t\t\t\t\t\t\t\t\t\t\tconst sortDir = header.column.getIsSorted();\n\t\t\t\t\t\t\t\t\t\t\tconst headerNode = flexRender(\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.header,\n\t\t\t\t\t\t\t\t\t\t\t\theader.getContext(),\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\tconst SortIcon =\n\t\t\t\t\t\t\t\t\t\t\t\tsortDir === 'asc'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? ArrowUp\n\t\t\t\t\t\t\t\t\t\t\t\t\t: sortDir === 'desc'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? ArrowDown\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ChevronsUpDown;\n\t\t\t\t\t\t\t\t\t\t\tif (!canSort) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn <div className={cn('flex items-center', header.column.columnDef.meta?.align === 'end' && 'justify-end', header.column.columnDef.meta?.align === 'center' && 'justify-center')}>{headerNode}</div>;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={header.column.getToggleSortingHandler()}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'group -ml-space-sm inline-flex select-none items-center gap-space-sm rounded px-space-sm',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'hover:text-foreground transition-colors',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsortDir && 'text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={`Sort ${columnLabel}`}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{headerNode}\n\t\t\t\t\t\t\t\t\t\t\t\t\t<SortIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'size-icon-sm shrink-0 transition-opacity',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsortDir\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'opacity-100'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'opacity-30 group-hover:opacity-70',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})()}\n\n\t\t\t\t\t\t\t\t\t\t{!!enableResizing && (\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'absolute top-0 right-0 h-full w-1 cursor-col-resize select-none touch-none rounded-none bg-foreground/50 p-0 opacity-0 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none',\n\t\t\t\t\t\t\t\t\t\t\t\t\tisResizing &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'bg-primary-accent!',\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={`Resize ${columnLabel}`}\n\t\t\t\t\t\t\t\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\t\t\t\t\t\t\t\tonMouseDown={resizeHandler}\n\t\t\t\t\t\t\t\t\t\t\t\tonTouchStart={resizeHandler}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" className=\"sr-only\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{`Resize ${columnLabel}`}\n\t\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</TableRow>\n\t\t\t))}\n\t\t</TableHeader>\n\t);\n}\n\nDataTableHeader.displayName = 'DataTableHeader';\n","import { Settings2 } from 'lucide-react';\nimport {\n\tActionMenu,\n\ttype ActionMenuAction,\n} from '../../base/action-menu';\nimport { cn } from '../../../lib/utils';\n\nimport { defaultDataTableStrings } from './table.strings';\nimport { type ColumnVisibilityToggleProps } from './table.types';\n\nexport function ColumnVisibilityToggle<TData>({\n\ttable,\n\tclassName,\n\talign = 'end',\n\tlabelVisibility = 'hidden',\n\tstrings = defaultDataTableStrings,\n}: ColumnVisibilityToggleProps<TData>) {\n\tconst columns = table.getAllColumns()\n\t\t.filter((column) => column.getCanHide());\n\n\tif (columns.length === 0) return null;\n\tconst showVisualLabel = labelVisibility !== 'hidden';\n\tconst actions: ActionMenuAction[] = columns.map((column) => {\n\t\tconst header = column.columnDef.header;\n\t\tconst columnName = strings.columnVisibility.formatLabel(\n\t\t\tcolumn.id,\n\t\t\ttypeof header === 'string' ? header : undefined,\n\t\t);\n\n\t\treturn {\n\t\t\tid: column.id,\n\t\t\ttype: 'checkbox',\n\t\t\tlabel: columnName,\n\t\t\tgroup: strings.columnVisibility.title,\n\t\t\tchecked: column.getIsVisible(),\n\t\t\tonCheckedChange: (checked) => column.toggleVisibility(!!checked),\n\t\t\tclassName: 'capitalize',\n\t\t};\n\t});\n\n\treturn (\n\t\t<ActionMenu\n\t\t\tactions={actions}\n\t\t\ticon={Settings2}\n\t\t\tlabel={strings.columnVisibility.triggerLabel}\n\t\t\tsrText={strings.columnVisibility.triggerLabel}\n\t\t\talign={align}\n\t\t\twidth=\"w-48\"\n\t\t\tdensity=\"table\"\n\t\t\tlabelVisibility={showVisualLabel ? 'responsive' : 'hidden'}\n\t\t\tbuttonProps={{\n\t\t\t\t'aria-label': strings.columnVisibility.triggerLabel,\n\t\t\t\ttone: 'secondary',\n\t\t\t\tbuttonStyle: 'outline',\n\t\t\t\tsize: 'sm',\n\t\t\t\ticonOnly: !showVisualLabel,\n\t\t\t\tclassName: cn(\n\t\t\t\t\t'column-visibility-toggle--component',\n\t\t\t\t\tshowVisualLabel\n\t\t\t\t\t\t? 'h-action-sm gap-space-sm px-control-sm'\n\t\t\t\t\t\t: 'size-action-sm gap-0 px-0',\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t}}\n\t\t\tpreserveOrder\n\t\t/>\n\t);\n}\n\nColumnVisibilityToggle.displayName = 'ColumnVisibilityToggle';\n","/**\n * Stateless full-screen toggle for custom DataTable toolbars.\n */\nimport { Maximize2, Minimize2 } from 'lucide-react';\nimport { Button } from '../../../base/buttons';\nimport { cn } from '../../../../lib/utils';\n\nconst buttonClass =\n\t'text-muted-foreground/70 hover:text-foreground disabled:pointer-events-none disabled:opacity-30';\n\nexport interface FullscreenToggleProps {\n\t/** Whether the table currently covers the viewport. */\n\tfullscreen: boolean;\n\t/** Fired with the next full-screen state. */\n\tonFullscreenChange: (fullscreen: boolean) => void;\n\t/** Accessible copy for entering full screen. */\n\tenterLabel?: string;\n\t/** Accessible copy for leaving full screen. */\n\texitLabel?: string;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function FullscreenToggle({\n\tfullscreen,\n\tonFullscreenChange,\n\tenterLabel = 'Enter full screen',\n\texitLabel = 'Exit full screen',\n\tclassName,\n}: FullscreenToggleProps) {\n\tconst label = fullscreen ? exitLabel : enterLabel;\n\tconst Icon = fullscreen ? Minimize2 : Maximize2;\n\n\treturn (\n\t\t<Button\n\t\t\ttype=\"button\"\n\t\t\ttone=\"secondary\"\n\t\t\tbuttonStyle=\"ghost\"\n\t\t\tsize=\"sm\"\n\t\t\ticonOnly\n\t\t\taria-label={label}\n\t\t\taria-pressed={fullscreen}\n\t\t\tonClick={() => onFullscreenChange(!fullscreen)}\n\t\t\tclassName={cn('fullscreen-toggle--component', buttonClass, className)}\n\t\t>\n\t\t\t<Icon className=\"size-icon-sm\" />\n\t\t</Button>\n\t);\n}\n\nFullscreenToggle.displayName = 'FullscreenToggle';\n","import { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { Button } from '../../base/buttons';\nimport { cn } from '../../../lib/utils';\nimport { defaultDataTableStrings } from './table.strings';\nimport { type DataTableToolbarProps } from './table.types';\nimport { ColumnVisibilityToggle } from './column-visibility-toggle';\nimport { FullscreenToggle } from './partials/fullscreen-toggle';\n\nconst SCROLL_AMOUNT = 300;\n\nconst btnBase = 'rounded-none text-muted-foreground/70 transition-colors duration-150 hover:text-foreground disabled:pointer-events-none disabled:opacity-30';\n\ninterface ToolbarIconButtonProps {\n\t/** Display label. */\n\tlabel: string;\n\tonClick: () => void;\n\t/** Renders the entry as unselectable. */\n\tdisabled?: boolean;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\tchildren: React.ReactNode;\n}\n\nfunction ToolbarIconButton({ label, onClick, disabled, className, children }: ToolbarIconButtonProps) {\n\treturn (\n\t\t<Button\n\t\t\ttype=\"button\"\n\t\t\ttone=\"secondary\"\n\t\t\tbuttonStyle=\"ghost\"\n\t\t\tsize=\"sm\" iconOnly\n\t\t\taria-label={label}\n\t\t\tclassName={cn('table-toolbar--component', btnBase, className)}\n\t\t\tonClick={onClick}\n\t\t\tdisabled={disabled}\n\t\t>\n\t\t\t{children}\n\t\t</Button>\n\t);\n}\n\n/**\n * Finds the actual horizontally-scrollable element inside the table area.\n * The Table primitive renders: <div data-slot=\"table-container\" class=\"overflow-x-auto\">\n */\nfunction getScrollContainer(tableArea: HTMLDivElement | null): HTMLDivElement | null {\n\tif (!tableArea) return null;\n\treturn tableArea.querySelector<HTMLDivElement>('[data-slot=\"table-container\"]');\n}\n\nexport function DataTableToolbar<TData>({\n\ttable,\n\ttableAreaRef,\n\tfullscreen,\n\tonFullscreenChange,\n\tshowFullscreenToggle = false,\n\tenableColumnVisibility = false,\n\tlabelVisibility = 'hidden',\n\tstrings = defaultDataTableStrings,\n}: DataTableToolbarProps<TData>) {\n\tconst [canScrollLeft, setCanScrollLeft] = useState(false);\n\tconst [canScrollRight, setCanScrollRight] = useState(false);\n\tconst rafRef = useRef(0);\n\tconst cleanupRef = useRef<(() => void) | null>(null);\n\n\t// --- Scroll overflow detection ---\n\tconst checkOverflow = useCallback(() => {\n\t\tconst el = getScrollContainer(tableAreaRef.current);\n\t\tif (!el) {\n\t\t\tsetCanScrollLeft(false);\n\t\t\tsetCanScrollRight(false);\n\t\t\treturn;\n\t\t}\n\t\tconst { scrollLeft, scrollWidth, clientWidth } = el;\n\t\tsetCanScrollLeft(scrollLeft > 1);\n\t\tsetCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);\n\t}, [tableAreaRef]);\n\n\tuseEffect(() => {\n\t\t// Defer slightly to ensure the Table primitive has rendered its container\n\t\tconst timerId = window.setTimeout(() => {\n\t\t\tconst el = getScrollContainer(tableAreaRef.current);\n\t\t\tif (!el) return;\n\n\t\t\t// Initial check\n\t\t\tcheckOverflow();\n\n\t\t\tif (typeof ResizeObserver === 'undefined') return;\n\n\t\t\tconst handleScroll = () => {\n\t\t\t\tcancelAnimationFrame(rafRef.current);\n\t\t\t\trafRef.current = requestAnimationFrame(checkOverflow);\n\t\t\t};\n\n\t\t\tel.addEventListener('scroll', handleScroll, { passive: true });\n\n\t\t\t// ResizeObserver to detect when table width changes\n\t\t\tconst ro = new ResizeObserver(checkOverflow);\n\t\t\tro.observe(el);\n\t\t\tif (el.firstElementChild) {\n\t\t\t\tro.observe(el.firstElementChild);\n\t\t\t}\n\n\t\t\t// Store cleanup references\n\t\t\tcleanupRef.current = () => {\n\t\t\t\tel.removeEventListener('scroll', handleScroll);\n\t\t\t\tcancelAnimationFrame(rafRef.current);\n\t\t\t\tro.disconnect();\n\t\t\t};\n\t\t}, 0);\n\n\t\treturn () => {\n\t\t\twindow.clearTimeout(timerId);\n\t\t\tcleanupRef.current?.();\n\t\t};\n\t\t// Re-run when full-screen mode changes because the viewport-sized layout\n\t\t// can alter horizontal overflow.\n\t}, [tableAreaRef, checkOverflow, fullscreen]);\n\n\t// --- Scroll handlers ---\n\tconst handleScrollLeft = useCallback(() => {\n\t\tgetScrollContainer(tableAreaRef.current)?.scrollBy({ left: -SCROLL_AMOUNT, behavior: 'smooth' });\n\t}, [tableAreaRef]);\n\n\tconst handleScrollRight = useCallback(() => {\n\t\tgetScrollContainer(tableAreaRef.current)?.scrollBy({ left: SCROLL_AMOUNT, behavior: 'smooth' });\n\t}, [tableAreaRef]);\n\n\t// --- Column visibility ---\n\tconst hideableColumns = enableColumnVisibility\n\t\t? table.getAllColumns().filter((column) => column.getCanHide())\n\t\t: [];\n\n\tconst hasScrollArrows = canScrollLeft || canScrollRight;\n\tconst hasColumns = hideableColumns.length > 0;\n\tconst hasFullscreen = showFullscreenToggle;\n\tif (!hasScrollArrows && !hasColumns && !hasFullscreen) return null;\n\n\treturn (\n\t\t<div className=\"flex items-center rounded-radius-md border border-border bg-card\">\n\t\t\t{/* Scroll arrows - only rendered when overflow exists */}\n\t\t\t{!!hasScrollArrows && (\n\t\t\t\t<>\n\t\t\t\t\t<ToolbarIconButton\n\t\t\t\t\t\tlabel={strings.toolbar.scrollLeft}\n\t\t\t\t\t\tonClick={handleScrollLeft}\n\t\t\t\t\t\tdisabled={!canScrollLeft}\n\t\t\t\t\t\tclassName=\"rounded-l-[calc(var(--radius-radius-md)-1px)]\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronLeft className=\"size-icon-sm\" />\n\t\t\t\t\t</ToolbarIconButton>\n\t\t\t\t\t<ToolbarIconButton\n\t\t\t\t\t\tlabel={strings.toolbar.scrollRight}\n\t\t\t\t\t\tonClick={handleScrollRight}\n\t\t\t\t\t\tdisabled={!canScrollRight}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronRight className=\"size-icon-sm\" />\n\t\t\t\t\t</ToolbarIconButton>\n\t\t\t\t\t{(hasColumns || hasFullscreen) && <div className=\"h-4 w-px bg-border\" />}\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{/* Column visibility dropdown */}\n\t\t\t{!!hasColumns && (\n\t\t\t\t<>\n\t\t\t\t\t<ColumnVisibilityToggle\n\t\t\t\t\t\ttable={table}\n\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\tlabelVisibility={labelVisibility}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'rounded-none border-0 shadow-none',\n\t\t\t\t\t\t\t!hasScrollArrows && 'rounded-l-[calc(var(--radius-radius-md)-1px)]',\n\t\t\t\t\t\t\t!hasFullscreen && 'rounded-r-[calc(var(--radius-radius-md)-1px)]',\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t\t{hasFullscreen && <div className=\"h-4 w-px bg-border\" />}\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{hasFullscreen && (\n\t\t\t\t<FullscreenToggle\n\t\t\t\t\tfullscreen={fullscreen}\n\t\t\t\t\tonFullscreenChange={onFullscreenChange}\n\t\t\t\t\tenterLabel={strings.toolbar.enterFullscreen}\n\t\t\t\t\texitLabel={strings.toolbar.exitFullscreen}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'rounded-none rounded-r-[calc(var(--radius-radius-md)-1px)]',\n\t\t\t\t\t\t!hasScrollArrows && !hasColumns &&\n\t\t\t\t\t\t\t'rounded-l-[calc(var(--radius-radius-md)-1px)]',\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nDataTableToolbar.displayName = 'DataTableToolbar';\n","/**\n * DataTable — TanStack-powered data table with sorting, row selection, column\n * visibility, server-side pagination, full-screen mode, sticky header / first column,\n * and pluggable row actions (menu / inline / responsive).\n *\n * Strings are overridable through the `strings` prop and a default set in\n * `./table.strings`. Column visibility persists to localStorage when a\n * `storageKey` is provided; full-screen state remains an explicit UI contract.\n *\n * Use the cell renderers exported from `./partials/cell-renderers`\n * (`StatusCell`, `DateCell`, `CurrencyCell`, `AvatarCell`) for visually\n * consistent cells across pages.\n */\nimport {\n\tgetCoreRowModel,\n\tgetFilteredRowModel,\n\tgetSortedRowModel,\n\tuseReactTable,\n\ttype SortingState,\n\ttype VisibilityState,\n\ttype Updater,\n\ttype ColumnDef,\n\ttype ColumnFiltersState,\n\ttype RowSelectionState,\n} from '@tanstack/react-table';\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseEffect,\n\tuseMemo,\n\tuseCallback,\n\tuseRef,\n\ttype CSSProperties,\n} from 'react';\nimport { Table } from '../../base/table';\nimport { Button } from '../../base/buttons';\nimport { Input } from '../../base/text-inputs';\nimport { Separator } from '../../base/display/separator';\nimport { Text } from '../../typography';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { useFullscreenTableModality } from './hooks';\nimport { cn } from '../../../lib/utils';\n\n/**\n * Context exposing the current `<DataTable size>` to descendant cell renderers\n * so consumer-built cells can stay typographically aligned with the table\n * (instead of hardcoding `<Text>` and breaking the unification the\n * `size` prop is supposed to give).\n *\n * Use it from custom cells:\n *   const textSize = useDataTableSize();\n *   return <Text className=\"data-table--component\" size={textSize}>{value}</Text>;\n *\n * The built-in renderers in `partials/cell-renderers` consume this hook.\n */\nconst DataTableSizeContext = createContext<'xs' | 'sm'>('sm');\n\nexport function useDataTableSize(): 'xs' | 'sm' {\n\treturn useContext(DataTableSizeContext);\n}\nimport { Pagination } from './pagination';\nimport { DataTableActions } from './table-actions';\nimport { DataTableBody } from './table-body';\nimport { DataTableHeader } from './table-header';\nimport { DataTableToolbar } from './table-toolbar';\nimport { addSelectionColumn } from './table-helpers';\nimport { mergeDataTableStrings } from './table.strings';\nimport {\n\ttype DataTableProps,\n\ttype DataTableSelectionToolbarContext,\n} from './table.types';\n\n// Class applied to the `<table>` element.\n//\n// Body cells get an explicit `[&_td]:text-{size}` so deeply nested\n// elements that use `<Text size=\"inherit\">` (or any plain `<span>`)\n// inherit the right font-size from the cell rather than relying on\n// the table-level inheritance chain (which breaks the moment any\n// descendant has its own text-size class).\n//\n// Header and body cells use `text-sm` consistently. Size changes alter spacing,\n// not typography, so table reading text stays on the default admin body scale.\nconst sizeClassByDataTableSize: Record<NonNullable<DataTableProps<object, unknown>['size']>, string> = {\n\tsm: '[&_th]:h-12 [&_th]:px-surface [&_th]:py-row-y-lg [&_th]:text-sm [&_td]:px-surface [&_td]:py-row-y [&_td]:text-sm',\n\tmd: '[&_th]:h-12 [&_th]:px-surface [&_th]:py-row-y-lg [&_th]:text-sm [&_td]:px-surface [&_td]:py-row-y-lg [&_td]:text-sm',\n\tlg: '[&_th]:h-12 [&_th]:px-surface [&_th]:py-row-y-lg [&_th]:text-sm [&_td]:px-surface [&_td]:py-row-y-lg [&_td]:text-sm',\n};\n\nconst textSizeByDataTableSize: Record<NonNullable<DataTableProps<object, unknown>['size']>, 'xs' | 'sm'> = {\n\tsm: 'sm',\n\tmd: 'sm',\n\tlg: 'sm',\n};\n\nconst toCssSize = (value: number | string | undefined): string | undefined => {\n\tif (value === undefined) return undefined;\n\treturn typeof value === 'number' ? `${value}px` : value;\n};\n\n// The toolbar supplies a text query. Give only its default target a text\n// recipe: TanStack's automatic numeric filter expects a range tuple instead.\nfunction withTextFilter<TData extends object, TValue>(\n\tcolumns: ColumnDef<TData, TValue>[],\n\tfilterColumn: string,\n): ColumnDef<TData, TValue>[] {\n\treturn columns.map((column) => {\n\t\tif ('columns' in column && column.columns) {\n\t\t\treturn { ...column, columns: withTextFilter(column.columns, filterColumn) };\n\t\t}\n\t\tconst columnId = column.id\n\t\t\t?? ('accessorKey' in column && typeof column.accessorKey === 'string'\n\t\t\t\t? column.accessorKey.replace(/\\./g, '_') : undefined)\n\t\t\t?? (typeof column.header === 'string' ? column.header : undefined);\n\t\treturn columnId === filterColumn && column.filterFn === undefined\n\t\t\t? { ...column, filterFn: 'includesString' }\n\t\t\t: column;\n\t});\n}\n\nexport function DataTable<TData extends object, TValue = unknown>({\n\tsize,\n\tsurface = 'card',\n\theaderTransparent = true,\n\tcolumns,\n\tdata,\n\tcolumnGroups,\n\trowActions,\n\trowActionsMenuLabel,\n\trowActionsDisplayMode,\n\trowActionsBreakpoint,\n\tenableSorting = false,\n\tenableFiltering = false,\n\tfilterColumn,\n\tfilterPlaceholder,\n\tmanualSorting = false,\n\tenableColumnVisibility = false,\n\tfullscreen: controlledFullscreen,\n\tdefaultFullscreen = false,\n\tonFullscreenChange,\n\tshowFullscreenToggle = false,\n\tenableRowSelection = false,\n\tenableMultiRowSelection = true,\n\tenableSubRowSelection = false,\n\tpagination,\n\tpageQueryKey,\n\tonPageChange,\n\tonSortingChange,\n\tonColumnFiltersChange,\n\tonRowClick,\n\tonRowSelectionChange,\n\tstickyHeader = false,\n\tstickyToolbar = false,\n\tstickyFirstColumn = false,\n\tmaxBodyHeight,\n\tfillAvailableHeight = false,\n\temptyStateMessage,\n\temptyStateAction,\n\tclassName = '',\n\trowClassName = '',\n\tcellClassName = '',\n\theaderClassName = '',\n\twrapperClassName = '',\n\tinnerClassName = 'overflow-x-auto',\n\ttableContainerClassName = '',\n\tgetRowId,\n\trowSelection: controlledRowSelection,\n\tsorting: controlledSorting,\n\tdefaultSorting,\n\tcolumnVisibility: controlledColumnVisibility,\n\tdefaultColumnVisibility,\n\tinitialState,\n\tonColumnVisibilityChange,\n\tstrings: stringsOverride,\n\ttopbarContent,\n\ttopbarEnd,\n\ttopbarClassName,\n\ttoolbarLabelVisibility = 'hidden',\n\tfooterContent,\n\tselectionToolbar,\n\tbulkActions,\n\tselectionToolbarClassName,\n\tstorageKey,\n}: DataTableProps<TData, TValue>) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst resolvedSize = resolveComponentScale(size, defaultScale);\n\n\tconst strings = useMemo(\n\t\t() => mergeDataTableStrings(stringsOverride),\n\t\t[stringsOverride],\n\t);\n\n\tconst tableRowClasses = cn('bg-card', rowClassName);\n\tconst resolvedEmptyStateMessage = emptyStateMessage ?? strings.emptyState.message;\n\tconst resolvedPageQueryKey = pageQueryKey ?? 'page';\n\tconst resolvedMaxBodyHeight = toCssSize(maxBodyHeight);\n\n\t\t// --- Detect and resolve tuple pattern for columns ---\n\t\tconst resolvedColumns = (() => {\n\t\t\t// Tuple pattern detected: [columns, deps]\n\t\t\tif (Array.isArray(columns) && columns.length === 2 && Array.isArray(columns[1])) {\n\t\t\t\treturn columns[0] as ColumnDef<TData, TValue>[];\n\t\t\t}\n\n\t\t\t// Regular pattern: just columns array\n\t\t\treturn columns as ColumnDef<TData, TValue>[];\n\t\t})();\n\n\t// --- Format storage key internally ---\n\tconst formattedStorageKey = useMemo(() => {\n\t\treturn storageKey ? `dt.${storageKey}.columns` : null;\n\t}, [storageKey]);\n\n\t// --- Load initial column visibility from localStorage if persistence enabled ---\n\tconst initialColumnVisibility = useMemo<VisibilityState>(() => {\n\t\tconst explicitDefault =\n\t\t\tdefaultColumnVisibility ?? initialState?.columnVisibility ?? {};\n\n\t\t// If persistence is disabled or we're in SSR, use initialState or empty object\n\t\tif (!formattedStorageKey || typeof window === 'undefined') {\n\t\t\treturn explicitDefault;\n\t\t}\n\n\t\ttry {\n\t\t\tconst stored = window.localStorage.getItem(formattedStorageKey);\n\t\t\tconst parsed = stored ? (JSON.parse(stored) as VisibilityState) : {};\n\t\t\t// Explicit defaults win over persisted values.\n\t\t\treturn { ...parsed, ...explicitDefault };\n\t\t} catch {\n\t\t\t// If parsing fails, fall back to the explicit default.\n\t\t\treturn explicitDefault;\n\t\t}\n\t}, [defaultColumnVisibility, formattedStorageKey, initialState?.columnVisibility]);\n\n\t// --- State for sorting, visibility, selection, and full screen ---\n\tconst [internalSorting, setInternalSorting] = useState<SortingState>(\n\t\tdefaultSorting ?? initialState?.sorting ?? [],\n\t);\n\tconst [columnFilters, setColumnFilters] = useState<ColumnFiltersState>(\n\t\tinitialState?.columnFilters ?? [],\n\t);\n\tconst [internalColumnVisibility, setInternalColumnVisibility] = useState<VisibilityState>(\n\t\tinitialColumnVisibility,\n\t);\n\tconst [internalRowSelection, setInternalRowSelection] = useState<RowSelectionState>(\n\t\tinitialState?.rowSelection || {},\n\t);\n\tconst [internalFullscreen, setInternalFullscreen] = useState(defaultFullscreen);\n\tconst sorting = controlledSorting ?? internalSorting;\n\tconst columnVisibility = controlledColumnVisibility ?? internalColumnVisibility;\n\tconst rowSelection = controlledRowSelection ?? internalRowSelection;\n\tconst fullscreen = controlledFullscreen ?? internalFullscreen;\n\n\t// --- Refs ---\n\tconst tableAreaRef = useRef<HTMLDivElement>(null);\n\n\t// --- Callbacks ---\n\tconst handleColumnFiltersChange = useCallback(\n\t\t(updater: Updater<ColumnFiltersState>) => {\n\t\t\tconst nextFilters = typeof updater === 'function' ? updater(columnFilters) : updater;\n\t\t\tsetColumnFilters(nextFilters);\n\t\t\tonColumnFiltersChange?.(nextFilters);\n\t\t},\n\t\t[columnFilters, onColumnFiltersChange],\n\t);\n\n\tconst handleSortingChangeCallback = useCallback(\n\t\t(updater: Updater<SortingState>) => {\n\t\t\tconst nextSorting =\n\t\t\t\ttypeof updater === 'function' ? updater(sorting) : updater;\n\n\t\t\tif (controlledSorting === undefined) {\n\t\t\t\tsetInternalSorting(nextSorting);\n\t\t\t}\n\n\t\t\tonSortingChange?.(nextSorting);\n\t\t},\n\t\t[controlledSorting, onSortingChange, sorting],\n\t);\n\n\tconst handleVisibilityChangeCallback = useCallback(\n\t\t(updater: Updater<VisibilityState>) => {\n\t\t\tconst nextVisibility =\n\t\t\t\ttypeof updater === 'function' ? updater(columnVisibility) : updater;\n\n\t\t\tif (controlledColumnVisibility === undefined) {\n\t\t\t\tsetInternalColumnVisibility(nextVisibility);\n\t\t\t}\n\n\t\t\t// Persist to localStorage if enabled.\n\t\t\tif (formattedStorageKey && typeof window !== 'undefined') {\n\t\t\t\ttry {\n\t\t\t\t\twindow.localStorage.setItem(\n\t\t\t\t\t\tformattedStorageKey,\n\t\t\t\t\t\tJSON.stringify(nextVisibility),\n\t\t\t\t\t);\n\t\t\t\t} catch {\n\t\t\t\t\t// Silent fail - quota exceeded or other localStorage errors\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tonColumnVisibilityChange?.(nextVisibility);\n\t\t},\n\t\t[\n\t\t\tcolumnVisibility,\n\t\t\tcontrolledColumnVisibility,\n\t\t\tformattedStorageKey,\n\t\t\tonColumnVisibilityChange,\n\t\t],\n\t);\n\n\tconst handleRowSelectionChangeCallback = useCallback(\n\t\t(updater: Updater<RowSelectionState>) => {\n\t\t\tconst nextRowSelection =\n\t\t\t\ttypeof updater === 'function' ? updater(rowSelection) : updater;\n\n\t\t\tif (controlledRowSelection === undefined) {\n\t\t\t\tsetInternalRowSelection(nextRowSelection);\n\t\t\t}\n\n\t\t\tonRowSelectionChange?.(nextRowSelection);\n\t\t},\n\t\t[controlledRowSelection, onRowSelectionChange, rowSelection],\n\t);\n\n\tconst fullscreenRegionRef = useRef<HTMLDivElement | null>(null);\n\n\tconst handleFullscreenChange = useCallback(\n\t\t(nextFullscreen: boolean) => {\n\t\t\tif (controlledFullscreen === undefined) {\n\t\t\t\tsetInternalFullscreen(nextFullscreen);\n\t\t\t}\n\t\t\tonFullscreenChange?.(nextFullscreen);\n\t\t},\n\t\t[controlledFullscreen, onFullscreenChange],\n\t);\n\n\tconst exitFullscreen = useCallback(\n\t\t() => handleFullscreenChange(false),\n\t\t[handleFullscreenChange],\n\t);\n\tuseFullscreenTableModality(fullscreen, fullscreenRegionRef, exitFullscreen);\n\n\tconst getRowActionsMenuLabel = useCallback(\n\t\t(row: TData) => {\n\t\t\tif (typeof rowActionsMenuLabel === 'function') {\n\t\t\t\treturn rowActionsMenuLabel(row);\n\t\t\t}\n\n\t\t\treturn rowActionsMenuLabel ?? strings.actions.triggerLabel;\n\t\t},\n\t\t[rowActionsMenuLabel, strings.actions.triggerLabel],\n\t);\n\n\tconst columnsWithActions = useMemo<ColumnDef<TData, TValue>[]>(() => {\n\t\tconst searchableColumns = enableFiltering && filterColumn\n\t\t\t? withTextFilter(resolvedColumns, filterColumn)\n\t\t\t: resolvedColumns;\n\t\tconst baseColumns = enableRowSelection\n\t\t\t? addSelectionColumn<TData, TValue>(searchableColumns, strings)\n\t\t\t: searchableColumns;\n\n\t\t// if no actions, leave cols untouched\n\t\tif (!rowActions) {\n\t\t\treturn baseColumns;\n\t\t}\n\n\t\t// otherwise append a fixed Actions column:\n\t\tconst actionCol: ColumnDef<TData, TValue> = {\n\t\t\tid: 'actions',\n\t\t\theader: strings.actions.triggerLabel,\n\t\t\t// NOTE: just hand `rowActions` array, not a call\n\t\t\tcell: ({ row }: { row: { original: TData } }) => (\n\t\t\t\t<DataTableActions\n\t\t\t\t\trow={row.original}\n\t\t\t\t\tactions={rowActions}\n\t\t\t\t\tmenuLabel={getRowActionsMenuLabel(row.original)}\n\t\t\t\t\tdisplayMode={rowActionsDisplayMode}\n\t\t\t\t\tresponsiveBreakpoint={rowActionsBreakpoint}\n\t\t\t\t\tstrings={strings}\n\t\t\t\t/>\n\t\t\t),\n\t\t\tenableSorting: false,\n\t\t\tenableHiding: false,\n\t\t\tsize: 40,\n\t\t};\n\n\t\treturn [...baseColumns, actionCol];\n\t}, [\n\t\tresolvedColumns,\n\t\tenableFiltering,\n\t\tfilterColumn,\n\t\tenableRowSelection,\n\t\trowActions,\n\t\tgetRowActionsMenuLabel,\n\t\trowActionsBreakpoint,\n\t\trowActionsDisplayMode,\n\t\tstrings,\n\t]);\n\n\t// --- Configure table ---\n\tconst table = useReactTable({\n\t\tdata,\n\t\tcolumns: columnsWithActions,\n\t\tstate: { sorting, columnVisibility, rowSelection, columnFilters },\n\t\tenableSorting,\n\t\tenableColumnFilters: enableFiltering,\n\t\tmanualFiltering: !enableFiltering,\n\t\tmanualSorting,\n\t\t// Pagination is consumer-owned through the `pagination` prop. Disabling\n\t\t// TanStack's unused auto-reset also avoids its render-time microtask from\n\t\t// attempting a state update before a concurrently rendered table mounts.\n\t\tautoResetPageIndex: false,\n\t\tenableRowSelection,\n\t\tenableMultiRowSelection,\n\t\tenableSubRowSelection,\n\t\tonSortingChange: enableSorting ? handleSortingChangeCallback : undefined,\n\t\tonRowSelectionChange:\n\t\t\tenableRowSelection ? handleRowSelectionChangeCallback : undefined,\n\t\tonColumnVisibilityChange: handleVisibilityChangeCallback,\n\t\tonColumnFiltersChange: handleColumnFiltersChange,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tgetFilteredRowModel: getFilteredRowModel(),\n\t\tgetSortedRowModel: getSortedRowModel(),\n\t\tgetRowId,\n\t});\n\t// Resolve safely: a missing or explicitly nonfilterable column must not\n\t// produce a control that accepts text without changing the visible rows.\n\tconst filterTarget = enableFiltering && filterColumn\n\t\t? table.getAllLeafColumns().find((column) => column.id === filterColumn && column.getCanFilter())\n\t\t: undefined;\n\tconst searchPlaceholder = filterPlaceholder ?? strings.filter.searchPlaceholder;\n\n\t// --- Determine server pagination ---\n\tconst shouldShow = pagination && pagination.last_page > 1;\n\tconst selectedRows = table.getSelectedRowModel().rows.map((row) => row.original);\n\tconst selectedRowCount = selectedRows.length;\n\tconst clearSelection = useCallback(() => {\n\t\ttable.resetRowSelection();\n\t}, [table]);\n\tconst selectionToolbarContext: DataTableSelectionToolbarContext<TData> = {\n\t\ttable,\n\t\tselectedRows,\n\t\tselectedRowCount,\n\t\ttotalRowCount: data.length,\n\t\trowSelection,\n\t\tclearSelection,\n\t};\n\tconst bulkActionNode =\n\t\ttypeof bulkActions === 'function'\n\t\t\t? bulkActions(selectionToolbarContext)\n\t\t\t: bulkActions;\n\tconst defaultSelectionToolbar = selectedRowCount > 0 ? (\n\t\t<div\n\t\t\tdata-component=\"data-table-selection-toolbar\"\n\t\t\tdata-slot=\"data-table-selection-toolbar\"\n\t\t\tclassName={cn(\n\t\t\t\t\t'data-table-selection-toolbar--component flex min-w-0 flex-col gap-space-md border-b border-border/70 bg-muted/35 px-surface py-row-y @2xl/data-table:flex-row @2xl/data-table:items-center @2xl/data-table:justify-between',\n\t\t\t\tstickyToolbar && 'sticky top-0 z-20 bg-card/95 backdrop-blur',\n\t\t\t\tselectionToolbarClassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Text className=\"data-table-selection-toolbar--summary min-w-0\">\n\t\t\t\t{strings.selection.summary(selectedRowCount, data.length)}\n\t\t\t</Text>\n\t\t\t<div\n\t\t\t\tdata-slot=\"data-table-selection-toolbar-actions\"\n\t\t\t\t\tclassName=\"data-table-selection-toolbar--actions flex shrink-0 flex-wrap items-center gap-space-md\"\n\t\t\t>\n\t\t\t\t{bulkActionNode}\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tonClick={clearSelection}\n\t\t\t\t>\n\t\t\t\t\t{strings.selection.clear}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t) : null;\n\tconst selectionToolbarNode = (() => {\n\t\tif (!enableRowSelection || selectedRowCount === 0) return null;\n\t\tif (selectionToolbar === null || selectionToolbar === false) return null;\n\t\tif (typeof selectionToolbar === 'function') {\n\t\t\treturn selectionToolbar(selectionToolbarContext);\n\t\t}\n\t\treturn selectionToolbar ?? defaultSelectionToolbar;\n\t})();\n\tconst tableAreaStyle = useMemo<CSSProperties | undefined>(() => {\n\t\tif (!resolvedMaxBodyHeight) return undefined;\n\t\treturn { '--data-table-body-max-height': resolvedMaxBodyHeight } as CSSProperties;\n\t}, [resolvedMaxBodyHeight]);\n\tconst shouldUseScrollableTableContainer =\n\t\tfullscreen || fillAvailableHeight || resolvedMaxBodyHeight !== undefined;\n\n\tuseEffect(() => {\n\t\tconst scrollRegion = tableAreaRef.current?.querySelector<HTMLElement>('[data-slot=\"table-container\"]');\n\t\tif (!scrollRegion) return;\n\n\t\tscrollRegion.tabIndex = 0;\n\t\tscrollRegion.setAttribute('aria-label', strings.accessibility.scrollRegion);\n\t}, [strings.accessibility.scrollRegion]);\n\n\tconst Provider = DataTableSizeContext.Provider;\n\tconst resolvedTextSize = textSizeByDataTableSize[resolvedSize];\n\n\treturn (\n\t\t<Provider value={resolvedTextSize}>\n\t\t{/*\n\t\t  * Full screen paints over the whole viewport, navigation included, so it\n\t\t  * is modal whether or not it was designed as one. `role`/`aria-modal` say\n\t\t  * so, and `useFullscreenTableModality` supplies the behaviour that claim\n\t\t  * obliges: Escape leaves, Tab stays inside, focus returns to the toggle.\n\t\t  */}\n\t\t<div\n\t\t\tref={fullscreenRegionRef}\n\t\t\trole={fullscreen ? 'dialog' : undefined}\n\t\t\taria-modal={fullscreen ? true : undefined}\n\t\t\taria-label={fullscreen ? strings.accessibility.fullscreenRegion : undefined}\n\t\t\tclassName={cn(\n\t\t\t'data-table--component @container/data-table',\n\t\t\tfullscreen\n\t\t\t\t? 'fixed inset-0 z-50 bg-background flex flex-col overflow-hidden p-surface'\n\t\t\t\t: cn(\n\t\t\t\t\t'w-full min-w-0 max-w-full',\n\t\t\t\t\tfillAvailableHeight && 'flex h-full min-h-0 flex-col',\n\t\t\t\t\tsurface === 'card' &&\n\t\t\t\t\t\t'overflow-hidden rounded-radius border border-border bg-card shadow-[0_1px_3px_0_color-mix(in_oklch,var(--foreground)_4%,transparent)]',\n\t\t\t\t\tsurface === 'glass' &&\n\t\t\t\t\t\t'rounded-radius-md overflow-hidden border border-border/60',\n\t\t\t\t\t// `flat` renders no chrome — consumer wraps.\n\t\t\t\t\twrapperClassName,\n\t\t\t\t),\n\t\t)}>\n\t\t\t{!!(filterTarget || topbarContent || topbarEnd || enableColumnVisibility || showFullscreenToggle) && (\n\t\t\t\t<div className={cn('relative', stickyToolbar && 'sticky top-0 z-20 bg-card/95 backdrop-blur')}>\n\n\t\t\t\t\t<div className={cn(\n\t                        'data-table-topbar grid gap-space-lg px-surface py-row-y @2xl/data-table:grid-cols-[minmax(0,1fr)_auto] @2xl/data-table:items-end',\n\t\t\t\t\t\tfullscreen ? 'mb-space-lg shrink-0' : 'mb-0',\n\t\t\t\t\t\ttopbarClassName,\n\t\t\t\t\t)}>\n\t\t\t\t\t\t<div className=\"data-table-topbar-left flex min-w-0 flex-col gap-space-md\">\n\t\t\t\t\t\t\t{topbarContent}\n\t\t\t\t\t\t\t{filterTarget && (\n\t\t\t\t\t\t\t\t<div className=\"min-w-0 max-w-sm\">\n\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\taria-label={searchPlaceholder}\n\t\t\t\t\t\t\t\t\t\tplaceholder={searchPlaceholder}\n\t\t\t\t\t\t\t\t\t\tvalue={(filterTarget.getFilterValue() as string) ?? ''}\n\t\t\t\t\t\t\t\t\t\tonChange={(event) => filterTarget.setFilterValue(event.target.value)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"data-table-topbar-right flex flex-wrap items-center justify-end gap-space-md\">\n\t\t\t\t\t\t\t{topbarEnd}\n\t\t\t\t\t\t\t<DataTableToolbar\n\t\t\t\t\t\t\t\ttable={table}\n\t\t\t\t\t\t\t\ttableAreaRef={tableAreaRef}\n\t\t\t\t\t\t\t\tfullscreen={fullscreen}\n\t\t\t\t\t\t\t\tonFullscreenChange={handleFullscreenChange}\n\t\t\t\t\t\t\t\tshowFullscreenToggle={showFullscreenToggle}\n\t\t\t\t\t\t\t\tenableColumnVisibility={enableColumnVisibility}\n\t\t\t\t\t\t\t\tlabelVisibility={toolbarLabelVisibility}\n\t\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t\t<Separator />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{selectionToolbarNode}\n\n\t\t\t<div\n\t\t\t\tref={tableAreaRef}\n\t\t\t\tstyle={tableAreaStyle}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'min-h-0',\n\t\t\t\t\tshouldUseScrollableTableContainer ? 'overflow-hidden' : innerClassName,\n\t\t\t\t\t(fullscreen || fillAvailableHeight) && 'flex-1',\n\t\t\t\t)}\n\t\t\t>\n\n\t\t\t\t<Table\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'relative',\n\t\t\t\t\t\tsizeClassByDataTableSize[resolvedSize],\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tcontainerClassName={cn(\n\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\t\t\t\tshouldUseScrollableTableContainer && 'overflow-auto',\n\t\t\t\t\t\tresolvedMaxBodyHeight !== undefined && 'max-h-(--data-table-body-max-height)',\n\t\t\t\t\t\t(fullscreen || fillAvailableHeight) && 'h-full min-h-0',\n\t\t\t\t\t\ttableContainerClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<DataTableHeader\n\t\t\t\t\t\ttable={table}\n\t\t\t\t\t\tstickyHeader={stickyHeader}\n\t\t\t\t\t\theaderClassName={headerClassName}\n\t\t\t\t\t\tcellClassName={cellClassName}\n\t\t\t\t\t\tstickyFirstColumn={stickyFirstColumn}\n\t\t\t\t\t\tcolumnGroups={columnGroups}\n\t\t\t\t\t\theaderTransparent={headerTransparent}\n\t\t\t\t\t/>\n\t\t\t\t\t<DataTableBody\n\t\t\t\t\t\ttable={table}\n\t\t\t\t\t\tonRowClick={onRowClick}\n\t\t\t\t\t\temptyStateMessage={resolvedEmptyStateMessage}\n\t\t\t\t\t\temptyStateAction={emptyStateAction}\n\t\t\t\t\t\tcellClassName={cellClassName}\n\t\t\t\t\t\trowClassName={tableRowClasses}\n\t\t\t\t\t\tstickyFirstColumn={stickyFirstColumn}\n\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t/>\n\t\t\t\t</Table>\n\t\t\t</div>\n\t\t\t{!!shouldShow && (\n\t\t\t\t<>\n\t\t\t\t\t<Separator />\n\t\t\t\t\t<Pagination\n\t\t\t\t\t\tpagination={pagination}\n\t\t\t\t\t\tonPageChange={onPageChange}\n\t\t\t\t\t\tpageQueryKey={resolvedPageQueryKey}\n\t\t\t\t\t\tlabels={strings.pagination}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{!!footerContent && (\n\t\t\t\t<div\n\t\t\t\t\tdata-slot=\"data-table-footer\"\n\t\t\t\t\t\tclassName=\"data-table--footer border-t border-border/70 px-surface py-row-y\"\n\t\t\t\t>\n\t\t\t\t\t{footerContent}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t\t</Provider>\n\t);\n}\n\nDataTable.displayName = 'DataTable';\n","import { Input } from '../../base/text-inputs';\nimport { ColumnVisibilityToggle } from './column-visibility-toggle';\nimport { defaultDataTableStrings } from './table.strings';\nimport { type DataTableFilterBarProps } from './table.types';\n\nimport { cn } from '../../../lib/utils';\nexport function DataTableFilterBar<TData>({\n\t\t\t\t\t\t\t\t\t\t\t  table,\n\t\t\t\t\t\t\t\t\t\t\t  filterColumn,\n\t\t\t\t\t\t\t\t\t\t\t  filterPlaceholder,\n\t\t\t\t\t\t\t\t\t\t\t  enableColumnVisibility = false,\n\t\t\t\t\t\t\t\t\t\t\t  customContent,\n\t\t\t\t\t\t\t\t\t\t  strings = defaultDataTableStrings,\n\t\t\t\t\t\t\t\t\t  }: DataTableFilterBarProps<TData>) {\n\tif (!filterColumn && !enableColumnVisibility && !customContent) {\n\t\treturn null;\n\t}\n\n\tconst searchPlaceholder = filterPlaceholder ?? strings.filter.searchPlaceholder;\n\n\treturn (\n\t\t<div className={cn('filter-bar--component', 'flex items-center justify-between p-surface')}>\n\t\t\t<div className=\"flex flex-1 items-center space-x-space-md\">\n\t\t\t\t{/* Filter input */}\n\t\t\t\t{!!filterColumn && (\n\t     <Input\n\t\t\t\t\t\tplaceholder={searchPlaceholder}\n\t\t\t\t\t\tvalue={(table.getColumn(filterColumn)?.getFilterValue() as string) ?? ''}\n\t\t\t\t\t\tonChange={(event) => {\n\t\t\t\t\t\t\tconst value = event.target.value;\n\t\t\t\t\t\t\ttable.getColumn(filterColumn)?.setFilterValue(value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclassName=\"max-w-sm\"\n\t\t\t\t\t/>\n\t   )}\n\n\t\t\t\t{/* Custom content */}\n\t\t\t\t{customContent}\n\t\t\t</div>\n\n\t\t\t{/* Column visibility toggle */}\n\t\t\t\t{!!enableColumnVisibility && (\n\t\t\t\t\t<ColumnVisibilityToggle\n\t\t\t\t\t\ttable={table}\n\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\tlabelVisibility=\"responsive\"\n\t\t\t\t\t\tclassName=\"ml-auto\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</div>\n\t);\n}\n\nDataTableFilterBar.displayName = 'DataTableFilterBar';\n","import { isValidElement, type ReactElement, type ReactNode } from 'react';\nimport type { Locale } from 'date-fns';\n\nimport {\n\tDate as DateValue,\n\tDateTime,\n\tEmail,\n\tEmptyValue,\n\tFileSize,\n\ttype FileSizeUnit,\n\tLink,\n\tMoney,\n\ttype MoneyProps,\n\tMonoValue,\n\tMutedValue,\n\tName,\n\tNumber as NumberValue,\n\tPercent,\n\tPhone,\n\tRelativeTime,\n\tSecondaryValue,\n\tTime,\n\tUrl,\n\tValue,\n} from '../../../primitives';\nimport { cn } from '../../../../lib/utils';\n\nexport type CellValueKind =\n\t| 'value'\n\t| 'secondary'\n\t| 'muted'\n\t| 'name'\n\t| 'mono'\n\t| 'link'\n\t| 'email'\n\t| 'phone'\n\t| 'url'\n\t| 'money'\n\t| 'number'\n\t| 'percent'\n\t| 'fileSize'\n\t| 'date'\n\t| 'time'\n\t| 'dateTime'\n\t| 'relativeTime';\n\nexport type PrimitiveCellValue = string | number | Date | null | undefined;\n\n/**\n * A value plus the formatting needed to render it.\n *\n * `kind` selects the display primitive; every other option applies only to the\n * kinds noted below and is ignored otherwise, so one descriptor shape can\n * describe any cell in a column definition.\n */\nexport interface CellValueDescriptor {\n\t/** The raw value. Empty values render the missing state instead. */\n\tvalue?: PrimitiveCellValue;\n\t/** Which primitive renders the value. Defaults to `value`. */\n\tkind?: CellValueKind;\n\t/** Pre-rendered content used verbatim, bypassing `kind` and all formatting. */\n\tdisplay?: ReactNode;\n\t/** Destination for the entry, when it navigates. */\n\thref?: string;\n\t/** ISO currency code. `money` only. */\n\tcurrency?: string;\n\t/** Whether the currency shows as a symbol, code, or name. `money` only. */\n\tcurrencyDisplay?: MoneyProps['currencyDisplay'];\n\t/** Smallest number of decimals to show. `money`, `number`, and `percent`. */\n\tminimumFractionDigits?: number;\n\t/** Largest number of decimals to show. `money`, `number`, and `percent`. */\n\tmaximumFractionDigits?: number;\n\t/** Selects the compact or full money presentation. `money` only. */\n\tformatMode?: MoneyProps['formatMode'];\n\t/** BCP 47 locale for number and currency formatting. */\n\tlocale?: string;\n\t/** date-fns `Locale` for date and time formatting. */\n\tdateLocale?: Locale;\n\t/** Unit the raw value is already expressed in. `fileSize` only. */\n\tfrom?: FileSizeUnit;\n\t/** Renders the zero value rather than the missing state. */\n\tforce?: boolean;\n\t/** Escape hatch passed to `Intl.NumberFormat`. `number` and `percent`. */\n\toptions?: Intl.NumberFormatOptions;\n\t/** Treats the value as a fraction and scales it to a percentage. `percent` only. */\n\tscaled?: boolean;\n\t/** date-fns pattern, overriding `datePreset`. `date` and `dateTime`. */\n\tdateFormat?: string;\n\t/** Named date length. `date` and `dateTime`. */\n\tdatePreset?: 'compact' | 'short' | 'medium' | 'long';\n\t/** date-fns pattern for the time portion. `time` and `dateTime`. */\n\ttimeFormat?: string;\n\t/** Copy shown in place of an empty value. Defaults to an em dash. */\n\temptyLabel?: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport type CellValueTuple = readonly [\n\tvalue: PrimitiveCellValue,\n\tkind?: CellValueKind,\n\toptions?: Omit<CellValueDescriptor, 'value' | 'kind'>,\n];\n\nexport type CellStackValue =\n\t| PrimitiveCellValue\n\t| false\n\t| ReactElement\n\t| CellValueDescriptor\n\t| CellValueTuple;\n\nexport interface CellValueProps extends Omit<CellValueDescriptor, 'className' | 'display'> {\n\t/** The value to display. When empty, renders fallback with muted styling. */\n\tvalue?: PrimitiveCellValue;\n\t/** Which primitive should render the value. Defaults to Value. */\n\tkind?: CellValueKind;\n\t/** Text shown when value is missing. Defaults to '--'. */\n\tfallback?: ReactNode;\n\t/** Force missing state regardless of value emptiness. */\n\tmissing?: boolean;\n\t/** Additional class names. */\n\tclassName?: string;\n\t/** Children override. When provided, renders children directly with missing styling applied. */\n\tchildren?: ReactNode;\n}\n\nexport interface CellStackProps {\n\t/** Values are filtered for null, undefined, and empty strings, then capped at four rows. */\n\tvalues?: readonly CellStackValue[];\n\t/** Copy shown when every value is empty. */\n\temptyLabel?: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Merged onto the item. */\n\titemClassName?: string;\n\t/** Merged onto the primary. */\n\tprimaryClassName?: string;\n\t/** Merged onto the secondary. */\n\tsecondaryClassName?: string;\n\t/** Weight of the first row, which reads as the cell's primary value. */\n\tprimaryWeight?: 'regular' | 'medium' | 'semibold' | 'bold';\n}\n\nfunction isMissingPrimitive(value: PrimitiveCellValue | false) {\n\tif (value === false || value === null || value === undefined) return true;\n\tif (typeof value === 'string') return value.trim() === '';\n\treturn false;\n}\n\nfunction isMissingDisplay(value: ReactNode) {\n\treturn value === null || value === undefined;\n}\n\nfunction isDescriptor(value: CellStackValue): value is CellValueDescriptor {\n\treturn (\n\t\ttypeof value === 'object' &&\n\t\tvalue !== null &&\n\t\t!Array.isArray(value) &&\n\t\t!isValidElement(value) &&\n\t\t!(value instanceof Date)\n\t);\n}\n\nfunction isTuple(value: CellStackValue): value is CellValueTuple {\n\treturn Array.isArray(value);\n}\n\nfunction normalizeTuple(value: CellValueTuple): CellValueDescriptor {\n\tconst [rawValue, kind, options] = value;\n\treturn {\n\t\t...options,\n\t\tvalue: rawValue,\n\t\tkind,\n\t};\n}\n\nfunction normalizeCellValue(value: CellStackValue): CellValueDescriptor | ReactElement | null {\n\tif (value === false) return null;\n\tif (isValidElement(value)) return value;\n\tif (isTuple(value)) {\n\t\tconst descriptor = normalizeTuple(value);\n\t\treturn isMissingPrimitive(descriptor.value) && isMissingDisplay(descriptor.display) ? null : descriptor;\n\t}\n\tif (isDescriptor(value)) {\n\t\treturn isMissingPrimitive(value.value) && isMissingDisplay(value.display) ? null : value;\n\t}\n\treturn isMissingPrimitive(value) ? null : { value: value as PrimitiveCellValue };\n}\n\nfunction stringValue(value: PrimitiveCellValue) {\n\treturn value instanceof Date ? value.toISOString() : String(value ?? '');\n}\n\nfunction renderPrimitiveCellValue({\n\tdescriptor,\n\tindex = 0,\n\temptyLabel,\n\tclassName,\n\tprimaryWeight = 'medium',\n}: {\n\tdescriptor: CellValueDescriptor;\n\tindex?: number;\n\temptyLabel: ReactNode;\n\tclassName?: string;\n\tprimaryWeight?: NonNullable<CellStackProps['primaryWeight']>;\n}) {\n\tconst isPrimary = index === 0;\n\tconst kind = descriptor.kind ?? (isPrimary ? 'value' : 'secondary');\n\tconst value = descriptor.value;\n\tconst display: ReactNode = descriptor.display ?? (value instanceof Date ? stringValue(value) : value);\n\tconst resolvedEmptyLabel = descriptor.emptyLabel ?? emptyLabel;\n\tconst resolvedClassName = cn(className, descriptor.className);\n\tconst weight = isPrimary ? primaryWeight : 'regular';\n\n\tswitch (kind) {\n\t\tcase 'secondary':\n\t\t\treturn (\n\t\t\t\t<SecondaryValue size=\"inherit\" className={resolvedClassName}>\n\t\t\t\t\t{display}\n\t\t\t\t</SecondaryValue>\n\t\t\t);\n\t\tcase 'muted':\n\t\t\treturn (\n\t\t\t\t<MutedValue size=\"inherit\" className={resolvedClassName}>\n\t\t\t\t\t{display}\n\t\t\t\t</MutedValue>\n\t\t\t);\n\t\tcase 'name':\n\t\t\treturn (\n\t\t\t\t<Name\n\t\t\t\t\tvalue={descriptor.display === undefined && typeof value === 'string' ? value : undefined}\n\t\t\t\t\tforce={descriptor.force}\n\t\t\t\t\temptyLabel={resolvedEmptyLabel}\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\tweight={weight}\n\t\t\t\t\tclassName={resolvedClassName}\n\t\t\t\t>\n\t\t\t\t\t{descriptor.display}\n\t\t\t\t</Name>\n\t\t\t);\n\t\tcase 'mono':\n\t\t\treturn (\n\t\t\t\t<MonoValue size=\"inherit\" weight={weight} className={resolvedClassName}>\n\t\t\t\t\t{display}\n\t\t\t\t</MonoValue>\n\t\t\t);\n\t\tcase 'link': {\n\t\t\tconst href = descriptor.href ?? stringValue(value);\n\t\t\treturn (\n\t\t\t\t<Link href={href} emptyLabel={resolvedEmptyLabel} className={resolvedClassName}>\n\t\t\t\t\t{display}\n\t\t\t\t</Link>\n\t\t\t);\n\t\t}\n\t\tcase 'email':\n\t\t\treturn (\n\t\t\t\t<Email\n\t\t\t\t\tvalue={typeof value === 'string' ? value : undefined}\n\t\t\t\t\tdisplay={descriptor.display}\n\t\t\t\t\temptyLabel={resolvedEmptyLabel}\n\t\t\t\t\tclassName={resolvedClassName}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'phone':\n\t\t\treturn (\n\t\t\t\t<Phone\n\t\t\t\t\tvalue={typeof value === 'string' ? value : undefined}\n\t\t\t\t\tdisplay={descriptor.display}\n\t\t\t\t\temptyLabel={resolvedEmptyLabel}\n\t\t\t\t\tclassName={resolvedClassName}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'url':\n\t\t\treturn (\n\t\t\t\t<Url\n\t\t\t\t\tvalue={typeof value === 'string' ? value : undefined}\n\t\t\t\t\tdisplay={descriptor.display}\n\t\t\t\t\temptyLabel={resolvedEmptyLabel}\n\t\t\t\t\tclassName={resolvedClassName}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'money':\n\t\t\treturn (\n\t\t\t\t<Money\n\t\t\t\t\tamount={typeof value === 'number' || typeof value === 'string' ? value : null}\n\t\t\t\t\tcurrency={descriptor.currency}\n\t\t\t\t\tlocale={descriptor.locale}\n\t\t\t\t\tcurrencyDisplay={descriptor.currencyDisplay}\n\t\t\t\t\tminimumFractionDigits={descriptor.minimumFractionDigits}\n\t\t\t\t\tmaximumFractionDigits={descriptor.maximumFractionDigits}\n\t\t\t\t\tformatMode={descriptor.formatMode}\n\t\t\t\t\temptyLabel={resolvedEmptyLabel}\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\tweight={weight}\n\t\t\t\t\tclassName={resolvedClassName}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'number':\n\t\t\treturn (\n\t\t\t\t<NumberValue\n\t\t\t\t\tvalue={typeof value === 'number' || typeof value === 'string' ? value : null}\n\t\t\t\t\tlocale={descriptor.locale}\n\t\t\t\t\toptions={descriptor.options}\n\t\t\t\t\temptyLabel={resolvedEmptyLabel}\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\tweight={weight}\n\t\t\t\t\tclassName={resolvedClassName}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'percent':\n\t\t\treturn (\n\t\t\t\t<Percent\n\t\t\t\t\tvalue={typeof value === 'number' || typeof value === 'string' ? value : null}\n\t\t\t\t\tlocale={descriptor.locale}\n\t\t\t\t\tscaled={descriptor.scaled}\n\t\t\t\t\toptions={descriptor.options}\n\t\t\t\t\temptyLabel={resolvedEmptyLabel}\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\tweight={weight}\n\t\t\t\t\tclassName={resolvedClassName}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'fileSize':\n\t\t\treturn (\n\t\t\t\t<FileSize\n\t\t\t\t\tvalue={typeof value === 'number' ? value : null}\n\t\t\t\t\tfrom={descriptor.from}\n\t\t\t\t\tlocale={descriptor.locale}\n\t\t\t\t\temptyLabel={resolvedEmptyLabel}\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\tweight={weight}\n\t\t\t\t\tclassName={resolvedClassName}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'date':\n\t\t\treturn (\n\t\t\t\t<DateValue\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tformat={descriptor.dateFormat}\n\t\t\t\t\tpreset={descriptor.datePreset}\n\t\t\t\t\tlocale={descriptor.dateLocale}\n\t\t\t\t\temptyLabel={resolvedEmptyLabel}\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\tweight={weight}\n\t\t\t\t\tclassName={resolvedClassName}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'time':\n\t\t\treturn (\n\t\t\t\t<Time\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tformat={descriptor.timeFormat}\n\t\t\t\t\tlocale={descriptor.dateLocale}\n\t\t\t\t\temptyLabel={resolvedEmptyLabel}\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\tweight={weight}\n\t\t\t\t\tclassName={resolvedClassName}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'dateTime':\n\t\t\treturn (\n\t\t\t\t<DateTime\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tformat={descriptor.dateFormat}\n\t\t\t\t\ttimeFormat={descriptor.timeFormat}\n\t\t\t\t\tpreset={descriptor.datePreset}\n\t\t\t\t\tlocale={descriptor.dateLocale}\n\t\t\t\t\temptyLabel={resolvedEmptyLabel}\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\tweight={weight}\n\t\t\t\t\tclassName={resolvedClassName}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'relativeTime':\n\t\t\treturn (\n\t\t\t\t<RelativeTime\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tlocale={descriptor.dateLocale}\n\t\t\t\t\temptyLabel={resolvedEmptyLabel}\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\tweight={weight}\n\t\t\t\t\tclassName={resolvedClassName}\n\t\t\t\t/>\n\t\t\t);\n\t\tcase 'value':\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<Value size=\"inherit\" weight={weight} className={resolvedClassName}>\n\t\t\t\t\t{display}\n\t\t\t\t</Value>\n\t\t\t);\n\t}\n}\n\n/**\n * Table cell value with primitive-backed formatting and automatic missing-value treatment.\n *\n * @example\n * <CellValue value={booking.reference} kind=\"mono\" />\n * <CellValue value={booking.total} kind=\"money\" />\n */\nexport function CellValue({\n\tvalue,\n\tkind,\n\thref,\n\tcurrency,\n\tcurrencyDisplay,\n\tminimumFractionDigits,\n\tmaximumFractionDigits,\n\tformatMode,\n\tlocale,\n\tdateLocale,\n\tfrom,\n\tforce,\n\toptions,\n\tscaled,\n\tdateFormat,\n\tdatePreset,\n\ttimeFormat,\n\temptyLabel,\n\tfallback = '--',\n\tmissing,\n\tclassName,\n\tchildren,\n}: CellValueProps) {\n\tconst isMissing = missing ?? isMissingPrimitive(value);\n\n\tif (children !== undefined) {\n\t\tconst Primitive = isMissing ? EmptyValue : Value;\n\t\treturn (\n\t\t\t<Primitive\n\t\t\t\tsize=\"inherit\"\n\t\t\t\tclassName={cn('cell-value--component', className)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Primitive>\n\t\t);\n\t}\n\n\tif (isMissing) {\n\t\treturn (\n\t\t\t<EmptyValue size=\"inherit\" className={cn('cell-value--component', className)}>\n\t\t\t\t{emptyLabel ?? fallback}\n\t\t\t</EmptyValue>\n\t\t);\n\t}\n\n\treturn renderPrimitiveCellValue({\n\t\tdescriptor: {\n\t\t\tvalue,\n\t\t\tkind,\n\t\t\thref,\n\t\t\tcurrency,\n\t\t\tcurrencyDisplay,\n\t\t\tminimumFractionDigits,\n\t\t\tmaximumFractionDigits,\n\t\t\tformatMode,\n\t\t\tlocale,\n\t\t\tdateLocale,\n\t\t\tfrom,\n\t\t\tforce,\n\t\t\toptions,\n\t\t\tscaled,\n\t\t\tdateFormat,\n\t\t\tdatePreset,\n\t\t\ttimeFormat,\n\t\t\temptyLabel,\n\t\t\tclassName: 'cell-value--component',\n\t\t},\n\t\temptyLabel: emptyLabel ?? fallback,\n\t\tclassName,\n\t});\n}\n\n/**\n * Table cell stack for primary + secondary value rows.\n *\n * Values are normalized, null/undefined/empty-string entries are skipped, and\n * only the first four visible rows render. The first visible primitive defaults\n * to normal `Value`; later primitive rows default to smaller `SecondaryValue`.\n * Pass tuples/descriptors to opt into richer primitives such as `email`,\n * `phone`, `name`, `money`, `fileSize`, or `date`.\n *\n * @example\n * <CellStack values={[\n *   booking.contactName,\n *   [booking.contactEmail, 'email'],\n *   [booking.contactPhone, 'phone'],\n * ]} />\n */\nexport function CellStack({\n\tvalues = [],\n\temptyLabel = '--',\n\tclassName,\n\titemClassName,\n\tprimaryClassName,\n\tsecondaryClassName,\n\tprimaryWeight = 'medium',\n}: CellStackProps) {\n\tconst visibleValues = values\n\t\t.map(normalizeCellValue)\n\t\t.filter((value): value is CellValueDescriptor | ReactElement => value !== null)\n\t\t.slice(0, 4);\n\n\tif (visibleValues.length === 0) {\n\t\treturn (\n\t\t\t<EmptyValue size=\"inherit\" className={cn('cell-stack--component', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</EmptyValue>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={cn('cell-stack--component flex min-w-0 flex-col items-start gap-space-2xs', className)}>\n\t\t\t{visibleValues.map((value, index) => {\n\t\t\t\tconst isPrimary = index === 0;\n\t\t\t\tconst resolvedClassName = cn(\n\t\t\t\t\t'cell-stack--item min-w-0 max-w-full truncate',\n\t\t\t\t\t!isPrimary && 'text-xs',\n\t\t\t\t\titemClassName,\n\t\t\t\t\tisPrimary ? primaryClassName : secondaryClassName,\n\t\t\t\t);\n\n\t\t\t\tif (isValidElement(value)) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={index} className={resolvedClassName}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<div key={index} className={resolvedClassName}>\n\t\t\t\t\t\t{renderPrimitiveCellValue({\n\t\t\t\t\t\t\tdescriptor: value,\n\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\temptyLabel,\n\t\t\t\t\t\t\tclassName: cn('leading-tight', !isPrimary && 'text-xs'),\n\t\t\t\t\t\t\tprimaryWeight,\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\nCellValue.displayName = 'CellValue';\nCellStack.displayName = 'CellStack';\n","import type { AnchorHTMLAttributes } from 'react';\n\nimport { Link } from '../../../primitives';\nimport { cn } from '../../../../lib/utils';\n\nexport type TableLinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;\n\nexport const TableLink = ({ className, ...props }: TableLinkProps) => {\n\treturn (\n\t\t<Link\n\t\t\tclassName={cn(\n\t\t\t\t'table-link--component',\n\t\t\t\t'underline decoration-link-color/35 decoration-dotted underline-offset-2 hover:decoration-link-color',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{props.children}\n\t\t</Link>\n\t);\n};\n","import type { ComponentType, ReactNode } from 'react';\nimport { Mail, type LucideIcon } from 'lucide-react';\n\nimport { Badge, type BadgeTone } from '../../../base/badge';\nimport { Stack } from '../../../base/structure';\nimport { formatInitials } from '../../../primitives/initials-format';\nimport { Text, TextLink } from '../../../typography';\nimport { EMPTY } from '../../../../lib/format';\nimport { cn } from '../../../../lib/utils';\n\nexport interface ResourceCellMetadataItem {\n\t/** Stable identity for this entry. */\n\tid?: string;\n\t/** Display label. */\n\tlabel?: ReactNode;\n\tvalue: ReactNode;\n}\n\nexport type ResourceCellBadge =\n\t| ReactNode\n\t| ({\n\t\t\tid?: string;\n\t\t\tlabel: ReactNode;\n\t\t\ttone?: BadgeTone;\n\t\t\ticon?: LucideIcon;\n\t\t\tdot?: boolean;\n\t  });\n\nexport interface ResourceCellLinkProps {\n\t/** Destination for the entry, when it navigates. */\n\thref: string;\n\tchildren: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t'aria-label'?: string;\n}\n\nexport interface ResourceCellProps {\n\t/** Surface title. */\n\ttitle?: ReactNode;\n\t/** Secondary line under the title. */\n\tsubtitle?: ReactNode;\n\t/** Label/value facts rendered as a metadata list. */\n\tmetadata?: ReactNode | readonly ResourceCellMetadataItem[];\n\t/** Status chips shown after the title. */\n\tbadges?: readonly ResourceCellBadge[];\n\t/** Thumbnail source. Falls back to `icon`, then `fallback`, when absent or broken. */\n\timageUrl?: string;\n\t/** Leading glyph. */\n\ticon?: ComponentType<{ className?: string }>;\n\t/** Media shown when neither `imageUrl` nor `icon` resolves — usually initials. */\n\tfallback?: ReactNode;\n\t/** Destination for the entry, when it navigates. */\n\thref?: string;\n\t/** Replaces the default link rendering. */\n\trenderLink?: (props: ResourceCellLinkProps) => ReactNode;\n\t/** Copy shown when the cell has no title. */\n\temptyLabel?: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Merged onto the media. */\n\tmediaClassName?: string;\n\t/** Merged onto the content. */\n\tcontentClassName?: string;\n\t/** Merged onto the title. */\n\ttitleClassName?: string;\n\t/** Merged onto the subtitle. */\n\tsubtitleClassName?: string;\n}\n\nfunction renderResourceBadge(badge: ResourceCellBadge, index: number): ReactNode {\n\tif (\n\t\tbadge &&\n\t\ttypeof badge === 'object' &&\n\t\t!('type' in badge) &&\n\t\t'label' in badge\n\t) {\n\t\tconst Icon = badge.icon;\n\t\treturn (\n\t\t\t<Badge key={badge.id ?? index} tone={badge.tone ?? 'secondary'} dot={badge.dot}>\n\t\t\t\t{!!Icon && <Icon className=\"size-icon-sm\" />}\n\t\t\t\t{badge.label}\n\t\t\t</Badge>\n\t\t);\n\t}\n\n\treturn <span key={index}>{badge}</span>;\n}\n\nfunction renderResourceMetadata(metadata: ResourceCellProps['metadata']): ReactNode {\n\tif (!metadata) return null;\n\tif (Array.isArray(metadata)) {\n\t\treturn (\n\t\t\t<span className=\"inline-flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-2xs\">\n\t\t\t\t{metadata.map((item, index) => (\n\t\t\t\t\t<span key={item.id ?? index} className=\"inline-flex min-w-0 items-center gap-space-sm\">\n\t\t\t\t\t\t{!!item.label && (\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"shrink-0\">\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t{item.value}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</span>\n\t\t\t\t))}\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn metadata as ReactNode;\n}\n\nexport function ResourceCell({\n\ttitle,\n\tsubtitle,\n\tmetadata,\n\tbadges = [],\n\timageUrl,\n\ticon: IconComponent = Mail,\n\tfallback,\n\thref,\n\trenderLink,\n\temptyLabel = EMPTY,\n\tclassName,\n\tmediaClassName,\n\tcontentClassName,\n\ttitleClassName,\n\tsubtitleClassName,\n}: ResourceCellProps) {\n\tif (!title) {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={className}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tconst titleText = typeof title === 'string' ? title : undefined;\n\tconst initials = titleText\n\t\t? formatInitials(titleText, { strategy: 'first-words' })\n\t\t: '';\n\tconst content = (\n\t\t<Stack render={<span />} gap=\"dense\" className={cn('resource-cell--content', contentClassName)}>\n\t\t\t<Stack render={<span />} direction=\"horizontal\" gap=\"sm\" wrap={false} className=\"resource-cell--title-row\">\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\tclassName={cn('resource-cell--title truncate', titleClassName)}\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</Text>\n\t\t\t\t{badges.length > 0 && (\n\t\t\t\t\t<span className=\"resource-cell--badges inline-flex shrink-0 items-center gap-space-sm\">\n\t\t\t\t\t\t{badges.map(renderResourceBadge)}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Stack>\n\t\t\t{!!subtitle && (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\tclassName={cn('resource-cell--subtitle truncate', subtitleClassName)}\n\t\t\t\t>\n\t\t\t\t\t{subtitle}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t{!!metadata && (\n\t\t\t\t<span className=\"resource-cell--metadata min-w-0\">\n\t\t\t\t\t{renderResourceMetadata(metadata)}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</Stack>\n\t);\n\tconst cell = (\n\t\t<span className={cn('resource-cell--component inline-flex min-w-0 items-center gap-space-md', className)}>\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'resource-cell--media relative inline-flex size-avatar shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground',\n\t\t\t\t\tmediaClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{imageUrl ? (\n\t\t\t\t\t<img src={imageUrl} alt={titleText ?? ''} className=\"absolute inset-0 size-full object-cover\" />\n\t\t\t\t) : fallback ? (\n\t\t\t\t\tfallback\n\t\t\t\t) : initials ? (\n\t\t\t\t\t<Text size=\"inherit\" weight=\"semibold\" className=\"text-sm leading-none\">\n\t\t\t\t\t\t{initials}\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<IconComponent className=\"size-icon\" />\n\t\t\t\t)}\n\t\t\t</span>\n\t\t\t{content}\n\t\t</span>\n\t);\n\n\tif (!href) return cell;\n\n\tconst linkClassName = 'resource-cell--link inline-flex min-w-0 rounded-radius-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2';\n\tif (renderLink) {\n\t\treturn renderLink({\n\t\t\thref,\n\t\t\tchildren: cell,\n\t\t\tclassName: linkClassName,\n\t\t\t'aria-label': titleText,\n\t\t});\n\t}\n\n\treturn (\n\t\t<TextLink\n\t\t\thref={href}\n\t\t\tsize=\"inherit\"\n\t\t\tunderline={false}\n\t\t\tclassName={linkClassName}\n\t\t\taria-label={titleText}\n\t\t>\n\t\t\t{cell}\n\t\t</TextLink>\n\t);\n}\n\nResourceCell.displayName = 'ResourceCell';\n","/**\n * Reusable cell renderers for DataTable columns.\n *\n * Use these from `column.cell` definitions to keep table preview pages and\n * production code consistent. Every renderer is presentational (no data\n * fetching) and accepts the value plus optional formatting hints.\n *\n *   { accessorKey: 'status', cell: ({ getValue }) => <StatusCell value={getValue()} map={STATUS_MAP} /> }\n *   { accessorKey: 'createdAt', cell: ({ getValue }) => <DateCell value={getValue()} /> }\n *   { accessorKey: 'amount', cell: ({ getValue }) => <CurrencyCell value={getValue()} currency=\"USD\" /> }\n *   { accessorKey: 'owner', cell: ({ getValue }) => <AvatarCell name={getValue()} /> }\n */\nimport type { ComponentType, ReactNode } from 'react';\nimport { Calendar, Mail, type LucideIcon } from 'lucide-react';\n\nimport { Badge, type BadgeTone } from '../../../base/badge';\nimport {\n\tDate as DateValue,\n\tMoney,\n\tparseDateInput,\n\ttype DateProps,\n} from '../../../primitives';\nimport { formatInitials } from '../../../primitives/initials-format';\nimport { Text } from '../../../typography';\nimport { EMPTY } from '../../../../lib/format';\nimport { cn } from '../../../../lib/utils';\n\n// ──────────────────────────────────────────────────────────────\n// StatusCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface StatusCellEntry {\n\t/** Display label. */\n\tlabel: ReactNode;\n\ttone?: BadgeTone;\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n\tdot?: boolean;\n}\n\nexport interface StatusCellProps<TStatus extends string> {\n\t/** The record's status. */\n\tvalue?: TStatus | null;\n\t/** Label and tone for every status this column can show. */\n\tmap: Record<TStatus, StatusCellEntry>;\n\t/** Copy shown when the status is absent or missing from `map`. */\n\t/** Copy shown when the value is absent. */\n\temptyLabel?: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function StatusCell<TStatus extends string>({\n\tvalue,\n\tmap,\n\temptyLabel = EMPTY,\n\tclassName,\n}: StatusCellProps<TStatus>) {\n\tif (!value || !(value in map)) {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('status-cell--component', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\tconst entry = map[value];\n\tconst Icon = entry.icon;\n\treturn (\n\t\t<Badge\n\t\t\ttone={entry.tone ?? 'secondary'}\n\t\t\tclassName={cn('status-cell--component gap-space-sm', className)}\n\t\t>\n\t\t\t{!!Icon && <Icon className=\"size-icon-sm\" />}\n\t\t\t{entry.label}\n\t\t</Badge>\n\t);\n}\n\nStatusCell.displayName = 'StatusCell';\n\n// ──────────────────────────────────────────────────────────────\n// StatusClusterCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface StatusClusterCellItem {\n\t/** Stable identity for this entry. */\n\tid?: string;\n\t/** Display label. */\n\tlabel: ReactNode;\n\ttone?: BadgeTone;\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n\tdot?: boolean;\n\thidden?: boolean;\n}\n\nexport interface StatusClusterCellProps {\n\t/** Status chips to show side by side in one cell. */\n\titems?: readonly StatusClusterCellItem[];\n\t/** Copy shown when there are no items. */\n\t/** Copy shown when the value is absent. */\n\temptyLabel?: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Merged onto the badge. */\n\tbadgeClassName?: string;\n}\n\nexport function StatusClusterCell({\n\titems = [],\n\temptyLabel = EMPTY,\n\tclassName,\n\tbadgeClassName,\n}: StatusClusterCellProps) {\n\tconst visibleItems = items.filter((item) => !item.hidden);\n\n\tif (visibleItems.length === 0) {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('status-cluster-cell--component', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\treturn (\n\t\t<span className={cn('status-cluster-cell--component inline-flex min-w-0 flex-wrap items-center gap-space-sm', className)}>\n\t\t\t{visibleItems.map((item, index) => {\n\t\t\t\tconst Icon = item.icon;\n\t\t\t\treturn (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\tkey={item.id ?? index}\n\t\t\t\t\t\ttone={item.tone ?? 'secondary'}\n\t\t\t\t\t\tdot={item.dot}\n\t\t\t\t\t\tclassName={cn('shrink-0', badgeClassName)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!Icon && <Icon className=\"size-icon-sm\" />}\n\t\t\t\t\t\t{item.label}\n\t\t\t\t\t</Badge>\n\t\t\t\t);\n\t\t\t})}\n\t\t</span>\n\t);\n}\n\nStatusClusterCell.displayName = 'StatusClusterCell';\n\n// ──────────────────────────────────────────────────────────────\n// DateCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface DateCellProps {\n\t/** The date to render. */\n\tvalue?: DateProps['value'];\n\t/** date-fns format string. Falls back to the Date primitive/provider default. */\n\tformat?: DateProps['format'];\n\t/** Semantic Date primitive preset. */\n\tpreset?: DateProps['preset'];\n\t/** date-fns locale override. Falls back to UIProvider dates. */\n\tlocale?: DateProps['locale'];\n\t/** Renders the icon. */\n\tshowIcon?: boolean;\n\t/** Leading glyph. */\n\ticon?: ComponentType<{ className?: string }>;\n\t/** Copy shown when the value is absent. */\n\temptyLabel?: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function DateCell({\n\tvalue,\n\tformat,\n\tpreset,\n\tlocale,\n\tshowIcon = true,\n\ticon: IconComponent = Calendar,\n\temptyLabel = EMPTY,\n\tclassName,\n}: DateCellProps) {\n\tconst date = parseDateInput(value);\n\tif (!date) {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('date-cell--component', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\treturn (\n\t\t<span className={cn('date-cell--component inline-flex items-center gap-space-sm', className)}>\n\t\t\t{!!showIcon && <IconComponent className=\"size-icon text-muted-foreground\" />}\n\t\t\t<DateValue\n\t\t\t\tvalue={date}\n\t\t\t\tformat={format}\n\t\t\t\tpreset={preset}\n\t\t\t\tlocale={locale}\n\t\t\t\temptyLabel={emptyLabel}\n\t\t\t\tsize=\"inherit\"\n\t\t\t\ttype=\"secondary\"\n\t\t\t/>\n\t\t</span>\n\t);\n}\n\nDateCell.displayName = 'DateCell';\n\n// ──────────────────────────────────────────────────────────────\n// DateMetaCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface DateMetaCellProps extends DateCellProps {\n\t/** Second line under the date — pass a function to derive it from the value. */\n\tsecondary?: ReactNode | ((date: Date) => ReactNode);\n\t/** Merged onto the primary. */\n\tprimaryClassName?: string;\n\t/** Merged onto the secondary. */\n\tsecondaryClassName?: string;\n}\n\nexport function DateMetaCell({\n\tvalue,\n\tformat,\n\tpreset,\n\tlocale,\n\tshowIcon = true,\n\ticon: IconComponent = Calendar,\n\temptyLabel = EMPTY,\n\tclassName,\n\tprimaryClassName,\n\tsecondary,\n\tsecondaryClassName,\n}: DateMetaCellProps) {\n\tconst date = parseDateInput(value);\n\tif (!date) {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('date-meta-cell--component', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tconst secondaryNode = typeof secondary === 'function' ? secondary(date) : secondary;\n\n\treturn (\n\t\t<span className={cn('date-meta-cell--component inline-flex min-w-0 items-start gap-space-sm', className)}>\n\t\t\t{!!showIcon && <IconComponent className=\"mt-space-2xs size-icon shrink-0 text-muted-foreground\" />}\n\t\t\t<span className=\"grid min-w-0 gap-space-2xs\">\n\t\t\t\t<DateValue\n\t\t\t\t\tvalue={date}\n\t\t\t\t\tformat={format}\n\t\t\t\t\tpreset={preset}\n\t\t\t\t\tlocale={locale}\n\t\t\t\t\temptyLabel={emptyLabel}\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\tclassName={cn('truncate tabular-nums', primaryClassName)}\n\t\t\t\t/>\n\t\t\t\t{!!secondaryNode && (\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\tclassName={cn('truncate', secondaryClassName)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{secondaryNode}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</span>\n\t);\n}\n\nDateMetaCell.displayName = 'DateMetaCell';\n\n// ──────────────────────────────────────────────────────────────\n// CurrencyCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface CurrencyCellProps {\n\t/** The amount to render. */\n\tvalue?: number | string | null;\n\t/** ISO currency code. */\n\tcurrency?: string;\n\t/** BCP 47 locale for the amount. */\n\tlocale?: string;\n\t/** Copy shown when the amount is absent. */\n\t/** Copy shown when the value is absent. */\n\temptyLabel?: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n\t/** Weight of the amount. */\n\tweight?: 'regular' | 'medium' | 'semibold' | 'bold';\n}\n\nexport function CurrencyCell({\n\tvalue,\n\tcurrency,\n\tlocale,\n\temptyLabel = EMPTY,\n\tclassName,\n\tweight = 'semibold',\n}: CurrencyCellProps) {\n\treturn (\n\t\t<Money\n\t\t\tamount={value}\n\t\t\tcurrency={currency}\n\t\t\tlocale={locale}\n\t\t\tformatMode={currency ? 'with_symbol' : 'decimal'}\n\t\t\temptyLabel={emptyLabel}\n\t\t\tsize=\"inherit\"\n\t\t\tweight={weight}\n\t\t\tclassName={cn('currency-cell--component tabular-nums', className)}\n\t\t/>\n\t);\n}\n\nCurrencyCell.displayName = 'CurrencyCell';\n\n// ──────────────────────────────────────────────────────────────\n// AvatarCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface AvatarCellProps {\n\t/** Display name. */\n\tname?: string | null;\n\t/** Avatar source. Falls back to initials when absent or broken. */\n\timageUrl?: string;\n\t/** Leading glyph. */\n\ticon?: ComponentType<{ className?: string }>;\n\t/** Secondary line under the name. */\n\tsubtitle?: ReactNode;\n\t/** Copy shown when the value is absent. */\n\temptyLabel?: ReactNode;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function AvatarCell({\n\tname,\n\timageUrl,\n\ticon: IconComponent = Mail,\n\tsubtitle,\n\temptyLabel = EMPTY,\n\tclassName,\n}: AvatarCellProps) {\n\tif (!name || name.trim().length === 0) {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('avatar-cell--component', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\treturn (\n\t\t<span className={cn('avatar-cell--component inline-flex items-center gap-space-md', className)}>\n\t\t\t<span className=\"relative inline-flex size-avatar-sm shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground\">\n\t\t\t\t{imageUrl ? (\n\t\t\t\t\t<img src={imageUrl} alt={name} className=\"absolute inset-0 size-full object-cover\" />\n\t\t\t\t) : name.length > 0 ? (\n\t\t\t\t\t<Text size=\"inherit\" weight=\"semibold\" className=\"text-sm leading-none\">\n\t\t\t\t\t\t{formatInitials(name, { strategy: 'first-words' })}\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<IconComponent className=\"size-icon\" />\n\t\t\t\t)}\n\t\t\t</span>\n\t\t\t<span className=\"min-w-0 inline-flex flex-col\">\n\t\t\t\t<Text size=\"inherit\" weight=\"medium\" className=\"truncate\">\n\t\t\t\t\t{name}\n\t\t\t\t</Text>\n\t\t\t\t{!!subtitle && (\n\t\t\t\t\t<Text size=\"inherit\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</span>\n\t);\n}\n\nAvatarCell.displayName = 'AvatarCell';\n\nexport {\n\tResourceCell,\n\ttype ResourceCellBadge,\n\ttype ResourceCellLinkProps,\n\ttype ResourceCellMetadataItem,\n\ttype ResourceCellProps,\n} from './resource-cell';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,IAAM2D,KAAwB;AAO9B,SAAgBC,EACf,GACwB;CAExB,OADKC,IACEA,EAAU,cAA8B,iCAA+B,IADvD;AAExB;AAkBA,SAAgBC,GACf,GACA,IAA8D,CAAC,GAC/B;CAChC,IAAM,EAAE,YAASH,IAAuB,UAAO,CAAC,MAAMI,GAChD,CAACC,GAAeC,KAAoBC,EAAS,EAAK,GAClD,CAACC,GAAgBC,KAAqBF,EAAS,EAAK,GACpDG,IAASC,EAAO,CAAC,GAEjBC,IAAUC,QAAkB;EACjC,IAAMC,IAAKb,EAA4Bc,EAAa,OAAO;EAC3D,IAAI,CAACD,GAAI;GAER,AADAR,EAAiB,EAAK,GACtBG,EAAkB,EAAK;GACvB;EACD;EACA,IAAM,EAAE,eAAY,gBAAa,mBAAgBK;EAEjD,AADAR,EAAiBU,IAAa,CAAC,GAC/BP,EAAkBO,IAAaC,IAAcC,IAAc,CAAC;CAC7D,GAAG,CAACH,CAAY,CAAC;CAEjB,QAAgB;EACf,IAAII,GACEC,IAAU,OAAO,iBAAiB;GACvC,EAAQ;GACR,IAAMN,IAAKb,EAA4Bc,EAAa,OAAO;GAC3D,IAAI,CAACD,GAAI;GAET,IAAMO,UAAqB;IAE1B,AADA,qBAAqBX,EAAO,OAAO,GACnC,EAAO,UAAU,sBAAsBE,CAAO;GAC/C;GAEA,EAAG,iBAAiB,UAAUS,GAAc,EAAE,SAAS,GAAK,CAAC;GAC7D,IAAMC,IAAK,IAAI,eAAeV,CAAO;GAIrC,AAHAU,EAAG,QAAQR,CAAE,GACTA,EAAG,qBAAmBQ,EAAG,QAAQR,EAAG,iBAAiB,GAEzD,UAAe;IAGd,AAFAA,EAAG,oBAAoB,UAAUO,CAAY,GAC7C,qBAAqBX,EAAO,OAAO,GACnCY,EAAG,WAAW;GACf;EACD,GAAG,CAAC;EAEJ,aAAa;GAEZ,AADA,OAAO,aAAaF,CAAO,GAC3BD,IAAS;EACV;CAED,GAAG;EAACJ;EAAcH;EAAS,GAAGW;CAAI,CAAC;CAEnC,IAAMC,IAAWX,GACf,MAAkB;EAClB,EAA4BE,EAAa,OAAO,CAAC,EAAE,SAAS;GAC3D,MAAMU;GACN,UAAU;EACX,CAAC;CACF,GACA,CAACV,CAAY,CACd;CAKA,OAAO;EAAE;EAAe;EAAgB;EAAU,YAH/BF,QAAkBW,EAAS,CAACE,CAAM,GAAG,CAACF,GAAUE,CAAM,CAGvB;EAAY,aAF1Cb,QAAkBW,EAASE,CAAM,GAAG,CAACF,GAAUE,CAAM,CAEX;CAAY;AAC3E;AAEA,IAAMC,KAAqB;CAC1B;CACA;CACA;CACA;CACA;CACA;AACD,CAAC,CAAC,KAAK,GAAG;AAeV,SAAgBC,GACf,GACA,GACA,GACO;CACP,IAAMC,IAAYlB,EAAOmB,CAAM;CAG/B,AAFA,EAAU,UAAUA,GAEpBC,QAAgB;EACf,IAAI,CAACC,KAAU,OAAO,WAAa,KAAa;EAEhD,IAAMC,IAAS,SAAS,eAClBC,IAAuB,SAAS,KAAK,MAAM;EACjD,SAAS,KAAK,MAAM,WAAW;EAE/B,IAAMC,KAAiB,MAAyB;GAC/C,IAAMC,IAASC,EAAU;GACzB,IAAI,CAACD,GAAQ;GAEb,IAAIE,EAAM,QAAQ,UAAU;IAG3B,AAFAA,EAAM,eAAe,GACrBA,EAAM,gBAAgB,GACtBT,EAAU,QAAQ;IAClB;GACD;GAEA,IAAIS,EAAM,QAAQ,OAAO;GAEzB,IAAMC,IAAa,MAAM,KACxBH,EAAO,iBAA8BT,EAAkB,CACxD,CAAC,CAAC,QAAQ,MAASa,EAAK,iBAAiB,QAAQA,MAAS,SAAS,aAAa;GAChF,IAAID,EAAW,WAAW,GAAG;GAE7B,IAAME,IAAQF,EAAW,IACnBG,IAAOH,EAAWA,EAAW,SAAS,IACtCI,IAAU,SAAS,eACnBC,IAASD,aAAmB,QAAQP,EAAO,SAASO,CAAO;GAEjE,AAAIL,EAAM,aAAa,CAACM,KAAUD,MAAYF,MAC7CH,EAAM,eAAe,GACrBI,EAAK,MAAM,KACD,CAACJ,EAAM,aAAa,CAACM,KAAUD,MAAYD,OACrDJ,EAAM,eAAe,GACrBG,EAAM,MAAM;EAEd,GAIMI,IAAgBR,EAAU;EAGhC,OADA,SAAS,iBAAiB,WAAWF,GAAe,EAAI,SAC3C;GAEZ,AADA,SAAS,oBAAoB,WAAWA,GAAe,EAAI,GAC3D,SAAS,KAAK,MAAM,WAAWD;GAG/B,IAAMS,IAAU,SAAS;GAGzB,CADCE,KAAiBF,aAAmB,QAAQE,EAAc,SAASF,CAAO,KACvDA,MAAY,SAAS,SAASV,GAAQ,eAAaA,EAAO,MAAM;EACrF;CACD,GAAG,CAACD,GAAQK,CAAS,CAAC;AACvB;;;AC9LA,IAAMS,MAAqB,MAA0B;CACpD,IAAMC,IAAYC,EAChB,QAAQ,UAAU,GAAG,CAAC,CACtB,QAAQ,QAAQ,GAAG,CAAC,CACpB,KAAK;CAMP,OAJKD,IAIEA,EAAU,QAAQ,UAAU,MAASE,EAAK,YAAY,CAAC,IAHtD;AAIT,GAUaC,IAA4C;CACxD,YAAY,EACX,SAAS,oBACV;CACA,SAAS;EACR,cAAc;EACd,SAAS;CACV;CACA,QAAQ;EACP,mBAAmB;EACnB,eAAe;CAChB;CACA,kBAAkB;EACjB,OAAO;EACP,cAAc;EACd,cAvByB,GAAkB,MACxCC,KAAgBA,EAAa,KAAK,CAAC,CAAC,SAAS,IACzCA,IAGDL,GAAkBM,CAAQ;CAmBjC;CACA,SAAS;EACR,YAAY;EACZ,aAAa;EACb,SAAS;EACT,iBAAiB;EACjB,gBAAgB;CACjB;CACA,YAAY;EACX,SAAS;EACT,IAAI;EACJ,IAAI;EACJ,SAAS;EACT,UAAU;EACV,MAAM;EACN,eAAe;EACf,WAAW;EACX,WAAW;EACX,MAAM;EACN,aAAa;EACb,WAAW;CACZ;CACA,WAAW;EACV,UAAU,GAAU,MAAU,GAAGC,EAAS,MAAMC,EAAM,MAAMA,MAAU,IAAI,KAAK,IAAI;EACnF,MAAM,MAAU,cAAcC,IAAQ;EACtC,WAAW;EACX,OAAO;CACR;CACA,eAAe;EACd,cAAc;EACd,kBAAkB;CACnB;AACD,GAEMC,KAAiC,GAAa,OAA+B;CAClF,GAAGC;CACH,GAAIC,KAAa,CAAC;AACnB,IAEaC,MAAyB,MAChCD,IAIE;CACN,YAAYF,EAAYN,EAAwB,YAAYQ,EAAU,UAAU;CAChF,SAASF,EAAYN,EAAwB,SAASQ,EAAU,OAAO;CACvE,QAAQF,EAAYN,EAAwB,QAAQQ,EAAU,MAAM;CACpE,kBAAkBF,EAAYN,EAAwB,kBAAkBQ,EAAU,gBAAgB;CAClG,SAASF,EAAYN,EAAwB,SAASQ,EAAU,OAAO;CACvE,YAAYF,EAAYN,EAAwB,YAAYQ,EAAU,UAAU;CAChF,WAAWF,EAAYN,EAAwB,WAAWQ,EAAU,SAAS;CAC7E,eAAeF,EAAYN,EAAwB,eAAeQ,EAAU,aAAa;AAC1F,IAZQR;;;AC1DT,SAASU,EACR,GACA,GAC0B;CAC1B,IAAIC,KAAY,GACf,OAAO,MAAM,KAAK,EAAE,QAAQA,EAAS,IAAI,GAAG,MAAMC,IAAI,CAAC;CAGxD,IAAMC,IAAiC,CAAC,CAAC;CAEzC,AAAIC,IAAc,KACjBD,EAAM,KAAK,UAAU;CAGtB,IAAME,IAAQ,KAAK,IAAI,GAAGD,IAAc,CAAC,GACnCE,IAAM,KAAK,IAAIL,IAAW,GAAGG,IAAc,CAAC;CAElD,KAAK,IAAIF,IAAIG,GAAOH,KAAKI,GAAK,KAC7B,EAAM,KAAKJ,CAAC;CASb,OANIE,IAAcH,IAAW,KAC5BE,EAAM,KAAK,UAAU,GAGtBA,EAAM,KAAKF,CAAQ,GAEZE;AACR;AAEA,SAASI,GAAa,GAAkB,GAAc,GAA0B;CAK/E,IAAMC,IAAS,IAAI,gBAAgB;CAEnC,OADAA,EAAO,IAAIC,GAAU,OAAOC,CAAI,CAAC,GAC1B,GAAGC,EAAS,GAAGH,EAAO,SAAS;AACvC;AAEA,SAAgBI,GAAW,EAC1B,eACA,iBACA,YAAS,CAAC,GACV,mBACyB;CACzB,IAAMC,IAAmB;EACxB,GAAGvB,EAAwB;EAC3B,GAAGwB;CACJ,GACMC,IAAmB;EACxB,iBAAiBF,EAAiB;EAClC,UAAUA,EAAiB;EAC3B,MAAMA,EAAiB;EACvB,eAAeA,EAAiB,iBAAiBxF,GAAyB;EAC1E,WAAWwF,EAAiB,aAAaxF,GAAyB;EAClE,WAAWwF,EAAiB,aAAaxF,GAAyB;CACnE,GACMoF,IAAWO,KAAgB,QAE3BC,KAAaC,EAAW,eAAe,KAAKA,EAAW,WAAW,GAClEC,IAAW,KAAK,IACrBD,EAAW,eAAeA,EAAW,UACrCA,EAAW,KACZ,GAEME,IAAiBnE,GACrB,GAAc,MAAuB;EACrC,AAAKoE,KAMLC,IAAeZ,GAAMW,GAAKH,EAAW,QAAQ,EAAE;CAChD,GACA,CAACI,GAAcJ,EAAW,IAAI,CAC/B,GAEMK,IAAcL,EAAW,kBAAkB,MAC3CM,IAAUN,EAAW,kBAAkB,MACvCf,IAAQH,EAAoBkB,EAAW,cAAcA,EAAW,SAAS;CAE/E,OACC,kBAAC,OAAD;EACC,WAAW9H,EACV,yBACA,uHACD;EAJD,UAAA,CAMC,kBAACW,GAAD;GAAgB,MAAK;GAAK,WAAU;GAApC,UAAA;IACC,kBAACtB,GAAD;KAAa,OAAOwI;KAAW,MAAK;KAAK,QAAO;KAAS,OAAM;IAAQ,CAAA;IAAC;IAExE,kBAACxI,GAAD;KAAa,OAAO0I;KAAU,MAAK;KAAK,QAAO;KAAS,OAAM;IAAQ,CAAA;IAAE;IACvEN,EAAiB;IAAI;IACtB,kBAACpI,GAAD;KAAa,OAAOyI,EAAW;KAAO,MAAK;KAAK,QAAO;KAAS,OAAM;IAAQ,CAAA;IAAE;IAC/EL,EAAiB;GACH;EAEhB,CAAA,GAAA,kBAACnI,IAAD;GAAgB,SAASqI;GAAkB,WAAU;GACpD,UAAA,kBAACpF,GAAD;IAAmB,WAAU;IAA7B,UAAA;KACC,kBAACF,GAAD,EAAA,UACC,kBAACD,IAAD;MACC,MAAMqF,EAAiB;MACvB,MAAK;MACL,UAAU,MAAwB;OAEjC,AADAY,EAAE,eAAe,GACjBL,EACCF,EAAW,eAAe,GAC1BA,EAAW,aACZ;MACD;MACA,iBAAe,CAACK;MAChB,WAAW,wBAAyBA,IAAiD,KAAnC;KAClD,CAAA,EACc,CAAA;KAEfpB,EAAM,KAAK,GAAM,MAAU;MAC3B,IAAMuB,IAAahB,MAAS,YACtBiB,IAAUD,IACb,YAAYR,EAAW,aAAa,GAAGvB,MACvC,QAAQe;MAEX,OACA,kBAACjF,GAAD,EAAA,UACEiG,IACA,kBAACnG,IAAD,EAAoB,WAAU,iBAAkB,CAAA,IAEhD,kBAACD,IAAD;OACC,MAAK;OACL,QAAQoF,MAASQ,EAAW;OAC5B,UAAU,MAAwB;QAEjC,AADAO,EAAE,eAAe,GACjBL,EACCV,GACAH,GAAaW,EAAW,MAAMR,GAAMD,CAAQ,CAC7C;OACD;OACA,WAAU;OAET,UAAAC;MACc,CAAA,EAEF,GAnBKiB,CAmBL;KAEjB,CAAC;KAED,kBAAClG,GAAD,EAAA,UACC,kBAACL,IAAD;MACC,MAAMyF,EAAiB;MACvB,MAAK;MACL,UAAU,MAAwB;OAEjC,AADAY,EAAE,eAAe,GACjBL,EACCF,EAAW,eAAe,GAC1BA,EAAW,aACZ;MACD;MACA,iBAAe,CAACM;MAChB,WAAW,wBAAyBA,IAA6C,KAAnC;KAC9C,CAAA,EACc,CAAA;IACE;;EACJ,CAAA,CACZ;;AAEP;AAEA,GAAW,cAAc;;;ACnLzB,SAAgBI,GAAwB,GAAqC;CAC5E,IAAM,EACL,QACA,YACA,cACA,iBAAc,QACd,0BAAuB,MACvB,SAASC,MACNC,GAEEC,IAAUF,KAAmBvC,GAC7B0C,IAAoBC,KAAaF,EAAQ,QAAQ,cAGjDG,IAAkBC,QAAoC;EAC3D,IAAMC,IAAO,OAAOC,KAAY,aAAaA,EAAQC,CAAG,IAAID;EAC5D,OAAO,MAAM,QAAQD,CAAI,IAAIA,IAAO,CAAC;CACtC,GAAG,CAACC,GAASC,CAAG,CAAC,GAGXC,IAAiBJ,QAAc;EACpC,IAAMK,KAAY,MACb,OAAOC,KAAS,aAAmBA,EAAKH,CAAG,IACxCG;EAER,OAAOP,EAAgB,SAAS,MAAW;GAC1C,IAAMQ,IAAUF,EAASG,EAAO,OAAO,KAAK;GAE5C,OADKD,IACE,CAAC;IACP,GAAGC;IACH;IACA,UAAUH,EAASG,EAAO,QAAQ,KAAK;GACxC,CAAC,IALoB,CAAC;EAMvB,CAAC;CACF,GAAG,CAACT,GAAiBI,CAAG,CAAC,GAGnBM,IAAoBL,EAAe,SAAS,GAG5C,CAACM,GAAUC,KAAenG,EAAS,EAAK,GAGxCoG,IAAiBR,EAAe,QAAQ,MAAWI,EAAO,SAAS,aAAa,GAChFK,IAAcT,EAAe,QAAQ,MAAWI,EAAO,SAAS,aAAa,GAG7EM,IAAgB,CAAC,GAAGF,GAAgB,GAAGC,CAAW;CAqBxD,IAnBA7E,QAAgB;EACf,IAAI+E,MAAgB,UAAU,CAACN,GAAmB;GACjD,EAAY,EAAK;GACjB;EACD;EAEA,IAAMO,UAAqB;GAC1B,IAAI;IACH,EAAY,OAAO,cAAcC,CAAoB;GACtD,QAAQ;IACP,EAAY,EAAK;GAClB;EACD;EAIA,OAFAD,EAAa,GACb,OAAO,iBAAiB,UAAUA,CAAY,SACjC,OAAO,oBAAoB,UAAUA,CAAY;CAC/D,GAAG;EAACD;EAAaN;EAAmBQ;CAAoB,CAAC,GAErD,CAACR,GAAmB,OAAO;CAE/B,IAAMS,IAA0BH,MAAgB,SAAUL,IAAW,SAAS,WAAYK,GAEpFI,IAAoBL,EAAc,KAAuB,GAAQ,OAAS;EAC/E,IAAIN,EAAO,MAAM,GAAGA,EAAO,MAAM,GAAGY;EACpC,OAAOZ,EAAO;EACd,MAAMA,EAAO;EACb,UAAU,CAAC,CAACA,EAAO;EACnB,MAAMA,EAAO;EACb,aAAaA,EAAO;EACpB,eAAeA,EAAO,UAAUL,CAAG;CACpC,EAAE;CAaF,OAXQe,MAAS,WAEL,kBAAC1J,GAAD;EACR,SAAS2J;EACT,WAAWlK,EAAG,0BAA0B;CACxC,CAAA,IAOH,kBAACM,GAAD;EACC,SAAS4J;EACT,OAAO,KAAA;EACP,MAAME;EACN,QAAQxB,KAAqBD,EAAQ,QAAQ;EAC7C,eAAe;EACf,OAAM;EACN,SAAQ;CACR,CAAA;AAEH;AAEA,GAAiB,cAAc;;;ACpG/B,IAAa0B,MACZ,GACA,GACA,MACI;CAEJ,AAAI,OAAOC,KAAqB,aAE/BC,GAAkB,MAAc;EAC/B,IAAMC,IACLF,EACCG,CAAS;EAIX,OAHIC,KACHA,EAAgBF,CAAQ,GAElBA;CACR,CAAC,KAGDD,EAAiBD,CAAgB,GAC7BI,KACHA,EAAgBJ,CAAgB;AAGnC,GAKaK,MACZ,GACA,GACA,MACI;CAEJ,AAAI,OAAOC,KAAmB,aAE7BL,GAAkB,MAAc;EAC/B,IAAMC,IAAYI,EACjBH,CACD;EAIA,OAHIC,KACHA,EAAgBF,CAAQ,GAElBA;CACR,CAAC,KAGDD,EAAiBK,CAAc,GAC3BF,KACHA,EAAgBE,CAAc;AAGjC,GAKaC,KACZ,GACA,GACA,MACI;CAEJ,AAAI,OAAOC,KAAsB,aAEhCP,GAAkB,MAAc;EAC/B,IAAMC,IACLM,EACCL,CAAS;EAIX,OAHIC,KACHA,EAAgBF,CAAQ,GAElBA;CACR,CAAC,KAGDD,EAAiBO,CAAiB,GAC9BJ,KACHA,EAAgBI,CAAiB;AAGpC,GAKaC,KACZ,GACA,GACA,GACA,MACY;CACZ,IAAIC,IAAY;CAchB,OAXIC,MACH,KAAa,kBAIV,OAAOC,KAAiB,aAC3B,KAAaA,EAAahC,GAAK3C,CAAK,IAAI,MAC9B2E,MACV,KAAaA,IAAe,MAGtBF,EAAU,KAAK;AACvB,GAKaG,KACZ,GACA,GACA,GACA,GACA,MACY;CACZ,IAAIC,IAAgB;CAcpB,OAXI,OAAOC,KAAkB,WAC5B,IAAgBA,IACNA,MACV,IAAgBA,EAAcjF,GAAU8C,CAAG,IAIxCoC,KAAqBC,IACjB,GAAGH,EAAc,gEAGlBA;AACR,GAKaI,MAAyC,MAC9CC,EAAM,oBAAoB,CAAC,CAAC,KAAK,KAAK,MAAQvC,EAAI,QAAQ,GAMrDwC,MACZ,GACA,IAA4BxF,MAE3B,kBAAC,OAAD;CAAK,WAAU;CACd,UAAA,kBAACnE,IAAD;EACC,WAAU;EACX,SAASmH,EAAI,cAAc;EAC3B,UAAU,CAACA,EAAI,aAAa;EAC5B,kBAAkB,MAAYA,EAAI,eAAeyC,MAAY,EAAI;EACjE,UAAU,MAAM,EAAE,gBAAgB;EAClC,cAAYhD,EAAQ,UAAU,IAAIO,EAAI,KAAK;CAC3C,CAAA;AACG,CAAA,GAMO0C,MACZ,GACA,IAA4B1F,MAE3B,kBAAC,OAAD;CAAK,WAAU;CACd,UAAA,kBAACnE,IAAD;EACC,WAAU;EACX,SAAS0J,EAAM,yBAAyB;EACxC,eAAeA,EAAM,0BAA0B,KAAK,CAACA,EAAM,yBAAyB;EACpF,kBAAkB,MAAYA,EAAM,0BAA0BE,MAAY,EAAI;EAC9E,cAAYhD,EAAQ,UAAU;CAC9B,CAAA;AACG,CAAA,GAMOkD,MACZ,GACA,IAA4B3F,MAYrB,CAAC;CATP,IAAI;CACJ,SAAS,EAAE,eACV0F,GAA8BH,GAAO9C,CAAO;CAC7C,OAAO,EAAE,aAA+B+C,GAA2BxC,GAAKP,CAAO;CAC/E,eAAe;CACf,gBAAgB;CAChB,MAAM;AAGC,GAAiB,GAAGmD,CAAO;;;ACtMpC,SAAgBC,GAAqB,EACpC,UACA,eACA,sBACA,qBACA,mBAAgB,IAChB,kBAAe,IACf,uBAAoB,IACpB,aAAU,IACV,cAC6B;CAC7B,IAAMC,IAAYP,EAAM,YAAY,CAAC,CAAC,MAChCQ,IACLC,KACAvD,GAAS,WAAW,WACpBzC,EAAwB,WAAW,SAE9BiG,KAAkB,MAAe;EACtC,AAAIC,KACHA,EAAWlD,CAAG;CAEhB;CAwBA,OAtBK8C,EAAU,SAuBd,kBAACtJ,IAAD,EAAA,UACEsJ,EAAU,KAAK,GAAK,MAAa;EACjC,IAAMK,IAAgBnD,EAAI,cAAc,GAClCoD,IAAWpD,EAAI,gBAAgB,GAC/BqD,IAAuBxB,EAC5B7B,GACAsD,GACAtB,GACAmB,CACD,GACMI,UAA2B;GAChC,AAAIL,KACHD,EAAejD,EAAI,QAAQ;EAE7B,GACMwD,IAAaC,KAAWH,IAAW,KAAM,IAAI,gBAAgB,IAE7DI,IAAa5M,EAClBuM,GACAG,GACA,kCACA,wDALmBN,IAAa,mBAAmB,IAOnD,2CACD;EAGA,OACC,kBAAC5J,GAAD;GAEC,cALe6J,IAAgB,aAAa;GAM5C,WAAWO;GACX,SAASH;GAER,UAAAH,EAAS,KAAK,GAAM,MACpB,kBAAC7J,IAAD;IAEC,WAAWzC,EACVmL,EACC0B,EAAK,OAAO,IACZ3D,GACAmC,GACAC,GACAwB,MAAc,CACf,GACA,oCACAD,EAAK,OAAO,UAAU,MAAM,UAAU,SAAS,cAC/CA,EAAK,OAAO,UAAU,MAAM,UAAU,YAAY,aACnD;IAEC,UAAAE,GACAF,EAAK,OAAO,UAAU,MACtBA,EAAK,WAAW,CACjB;GACU,GAlBLA,EAAK,EAkBA,CACX;EACQ,GA3BJ3D,EAAI,EA2BA;CAEZ,CAAC,EACS,CAAA,IAhFV,kBAACxG,IAAD;EAAW,WAAU;EACpB,UAAA,kBAACF,GAAD;GAAU,WAAU;GACnB,UAAA,kBAACC,IAAD;IACC,WAAU;IACV,SAASgJ,EAAM,cAAc,CAAC,CAAC;IAE/B,UAAA,kBAAC3I,IAAD;KACC,OAAOmJ;KACP,aAAa;KACb,OAAO,kBAACe,IAAD,EAAa,WAAU,YAAa,CAAA;KAC3C,cAAa;KACb,SAASC;KACT,WAAU;IACV,CAAA;GACS,CAAA;EACF,CAAA;CACA,CAAA;AAkEd;AAEA,GAAc,cAAc;;;AC/G5B,SAAgBC,GACf,EACC,UACA,oBAAiB,IACjB,kBAAe,IACf,qBAAkB,IAClB,mBAAgB,IAChB,uBAAoB,IACpB,iBACA,uBAAoB,MACW;CAEhC,IAAMC,IAAe1B,EAAM,gBAAgB,GACrC2B,IAAsBC,IACzBrN,EACD,uEACAsN,IAAoB,qBAAqB,aAC1C,IACE,IAEGC,KAAkB,MAClBC,IACEA,EAAa,MAAK,MAASC,EAAM,QAAQ,SAASrH,CAAQ,CAAC,IADxC;CA8D3B,OACC,kBAACxD,IAAD;EACC,WAAW8K;EADZ,UAAA,QA3DkC;GAClC,IAAI,CAACF,KAAgBA,EAAa,WAAW,KAAKL,EAAa,WAAW,GACzE,OAAO;GAGR,IAAMQ,IAAUR,EAAa,EAAE,CAAC,SAC5BS,IAA8B,MAC9BC,IAAY,GACVC,IAAgC,CAAC;GA2CvC,OAzCAH,EAAQ,SAAS,GAAQ,MAAU;IAElC,IAAMI,IADQR,EAAeS,EAAO,EAClB,CAAA,EAAO,UAAU;IAuBnC,AArBID,MAAcH,IAkBjB,OAjBIA,MAAiB,QAAQC,IAAY,KACxCC,EAAW,KACV,kBAACnL,IAAD;KAEC,SAASkL;KACT,WAAW7N,EACV,0HACAoN,CACD;KAEA,UAAA,kBAACjN,GAAD,EAAA,UAAeyN,KAAgB,GAAiB,CAAA;IACtC,GARL,SAASA,EAAa,GAAGE,EAAW,QAQ/B,CACZ,GAED,IAAeC,GACf,IAAY,IAKTxH,MAAUoH,EAAQ,SAAS,KAAKE,IAAY,KAC/CC,EAAW,KACV,kBAACnL,IAAD;KAEE,SAASkL;KACT,WAAW7N,EACV,4IACAoN,CACD;KAEA,UAAA,kBAACjN,GAAD,EAAA,UAAeyN,KAAgB,GAAiB,CAAA;IACtC,GARN,SAASA,EAAa,GAAGE,EAAW,QAQ9B,CACZ;GAEH,CAAC,GAGA,kBAACtL,GAAD;IAAU,WAAWxC,EAAG,2BAA2B,wBAAwB;IACzE,UAAA8N;GACQ,CAAA;EAEZ,EAMG,CAAqB,GACrBX,EAAa,KAAK,MAClB,kBAAC3K,GAAD;GAEC,WAAWxC,EACV,6BACAsN,IACG,wCACA,+BACJ;GAEC,UAAAW,EAAY,QAAQ,KAAK,GAAQ,MAAU;IAC3C,IAAMC,IAAclO,EACnBmL,EACC6C,EAAO,IACP,MACA3C,GACAC,GACA/E,MAAU,CACX,GACA,QACA,oCACA,uDACAyH,EAAO,OAAO,UAAU,MAAM,UAAU,SAAS,cACjDA,EAAO,OAAO,UAAU,MAAM,UAAU,YAAY,eACpDZ,GACAC,KAAgB/B,KAAqB/E,MAAU,KAAK,QACpD,CAAC8G,KAAgB,gBAClB,GACMc,IAAcC,IACjB,EAAE,UAAU,WAAoB,IAChC,KAAA,GACGC,IAAgBL,EAAO,iBAAiB,GACxCM,IAAaN,EAAO,OAAO,cAAc,GACzCO,WAAqB;KAC1B,IAAMC,IAAYR,EAAO,OAAO,UAAU;KAI1C,OAHI,OAAOQ,KAAc,WACjBA,IAED,OAAOR,EAAO,MAAO,WAAWA,EAAO,KAAK;IACpD,EAAA,CAAG;IAEH,OACC,kBAACrL,IAAD;KAEC,WAAWuL;KACX,OAAOC;KAEN,UAAAH,EAAO,gBAAgB,OACvB,kBAAC,OAAD,EAAA,UAAA,QACS;MACP,IAAMS,IAAUT,EAAO,OAAO,WAAW,GACnCU,IAAUV,EAAO,OAAO,YAAY,GACpCW,IAAa5B,GAClBiB,EAAO,OAAO,UAAU,QACxBA,EAAO,WAAW,CACnB,GACMY,IACLF,MAAY,QACTG,KACAH,MAAY,SACXI,KACAC;MAIL,OAHKN,IAIJ,kBAACxO,GAAD;OACC,MAAK;OACL,MAAK;OACL,aAAY;OACZ,MAAK;OACL,SAAS+N,EAAO,OAAO,wBAAwB;OAC/C,WAAWhO,EACV,4FACA,2CACA,8EACA0O,KAAW,iBACZ;OACA,cAAY,QAAQH;OAZrB,UAAA,CAcEI,GACD,kBAACC,GAAD;QACC,WAAW5O,EACV,4CACA0O,IACG,gBACA,mCACJ;QACA,eAAY;OACZ,CAAA,CACM;WA3BD,kBAAC,OAAD;OAAK,WAAW1O,EAAG,qBAAqBgO,EAAO,OAAO,UAAU,MAAM,UAAU,SAAS,eAAeA,EAAO,OAAO,UAAU,MAAM,UAAU,YAAY,gBAAgB;OAAI,UAAAW;MAAgB,CAAA;KA6BzM,EAAA,CAAG,GAEF,CAAC,CAACP,KACF,kBAACnO,GAAD;MACC,MAAK;MACL,MAAK;MACL,aAAY;MACZ,MAAK;MAAK,UAAA;MACV,WAAWD,EACV,iMACAsO,KACC,oBACF;MACA,cAAY,UAAUC;MACtB,oBAAiB;MACjB,aAAaF;MACb,cAAcA;MAEd,UAAA,kBAACnO,GAAD;OAAM,KAAI;OAAO,MAAK;OAAU,WAAU;OACxC,UAAA,UAAUqO;MACN,CAAA;KACC,CAAA,CAEL,EAAA,CAAA;IAEI,GA1ELP,EAAO,EA0EF;GAEb,CAAC;EACQ,GAtHJC,EAAY,EAsHR,CACV,CACW;;AAEf;AAEA,GAAgB,cAAc;;;AC3N9B,SAAgBe,EAA8B,EAC7C,UACA,cACA,WAAQ,OACR,qBAAkB,UAClB,aAAU9I,KAC4B;CACtC,IAAM4F,IAAUL,EAAM,cAAc,CAAC,CACnC,QAAQ,MAAWwD,EAAO,WAAW,CAAC;CAExC,IAAInD,EAAQ,WAAW,GAAG,OAAO;CACjC,IAAMoD,IAAkBC,MAAoB,UACtClG,IAA8B6C,EAAQ,KAAK,MAAW;EAC3D,IAAMkC,IAASiB,EAAO,UAAU,QAC1BG,IAAazG,EAAQ,iBAAiB,YAC3CsG,EAAO,IACP,OAAOjB,KAAW,WAAWA,IAAS,KAAA,CACvC;EAEA,OAAO;GACN,IAAIiB,EAAO;GACX,MAAM;GACN,OAAOG;GACP,OAAOzG,EAAQ,iBAAiB;GAChC,SAASsG,EAAO,aAAa;GAC7B,kBAAkB,MAAYA,EAAO,iBAAiB,CAAC,CAACtD,CAAO;GAC/D,WAAW;EACZ;CACD,CAAC;CAED,OACC,kBAACrL,GAAD;EACU;EACT,MAAM+O;EACN,OAAO1G,EAAQ,iBAAiB;EAChC,QAAQA,EAAQ,iBAAiB;EAC1B;EACP,OAAM;EACN,SAAQ;EACR,iBAAiBuG,IAAkB,eAAe;EAClD,aAAa;GACZ,cAAcvG,EAAQ,iBAAiB;GACvC,MAAM;GACN,aAAa;GACb,MAAM;GACN,UAAU,CAACuG;GACX,WAAWlP,EACV,uCACAkP,IACG,2CACA,6BACHlE,CACD;EACD;EACA,eAAA;CACA,CAAA;AAEH;AAEA,EAAuB,cAAc;;;AC9DrC,IAAMsE,KACL;AAeD,SAAgBC,GAAiB,EAChC,eACA,uBACA,gBAAa,qBACb,eAAY,oBACZ,gBACyB;CACzB,IAAMC,IAAQC,IAAaC,IAAYC,GACjCC,IAAOH,IAAaI,KAAYC;CAEtC,OACC,kBAAC7P,GAAD;EACC,MAAK;EACL,MAAK;EACL,aAAY;EACZ,MAAK;EACL,UAAA;EACA,cAAYuP;EACZ,gBAAcC;EACd,eAAeM,EAAmB,CAACN,CAAU;EAC7C,WAAWzP,EAAG,gCAAgCsP,IAAatE,CAAS;EAEpE,UAAA,kBAAC4E,GAAD,EAAM,WAAU,eAAgB,CAAA;CACzB,CAAA;AAEV;AAEA,GAAiB,cAAc;;;ACzC/B,IAAMI,KAAgB,KAEhBC,KAAU;AAahB,SAASC,GAAkB,EAAE,UAAO,YAAS,aAAU,cAAW,eAAoC;CACrG,OACC,kBAACjQ,GAAD;EACC,MAAK;EACL,MAAK;EACL,aAAY;EACZ,MAAK;EAAK,UAAA;EACV,cAAYuP;EACZ,WAAWxP,EAAG,4BAA4BiQ,IAASjF,CAAS;EACnD;EACC;EAET;CACM,CAAA;AAEV;AAMA,SAASmF,EAAmB,GAAyD;CAEpF,OADKjN,IACEA,EAAU,cAA8B,iCAA+B,IADvD;AAExB;AAEA,SAAgBkN,GAAwB,EACvC,UACA,iBACA,eACA,uBACA,0BAAuB,IACvB,4BAAyB,IACzB,qBAAkB,UAClB,aAAUlK,KACsB;CAChC,IAAM,CAAC7C,GAAeC,KAAoBC,EAAS,EAAK,GAClD,CAACC,GAAgBC,KAAqBF,EAAS,EAAK,GACpDG,IAASC,EAAO,CAAC,GACjB0M,IAAa1M,EAA4B,IAAI,GAG7C2M,IAAgBzM,QAAkB;EACvC,IAAMC,IAAKqM,EAAmBpM,EAAa,OAAO;EAClD,IAAI,CAACD,GAAI;GAER,AADAR,EAAiB,EAAK,GACtBG,EAAkB,EAAK;GACvB;EACD;EACA,IAAM,EAAE,eAAY,gBAAa,mBAAgBK;EAEjD,AADAR,EAAiBU,IAAa,CAAC,GAC/BP,EAAkBO,IAAaC,IAAcC,IAAc,CAAC;CAC7D,GAAG,CAACH,CAAY,CAAC;CAEjB,QAAgB;EAEf,IAAMK,IAAU,OAAO,iBAAiB;GACvC,IAAMN,IAAKqM,EAAmBpM,EAAa,OAAO;GAMlD,IALI,CAACD,MAGLwM,EAAc,GAEV,OAAO,iBAAmB,MAAa;GAE3C,IAAMjM,UAAqB;IAE1B,AADA,qBAAqBX,EAAO,OAAO,GACnC,EAAO,UAAU,sBAAsB4M,CAAa;GACrD;GAEA,EAAG,iBAAiB,UAAUjM,GAAc,EAAE,SAAS,GAAK,CAAC;GAG7D,IAAMC,IAAK,IAAI,eAAegM,CAAa;GAO3C,AANAhM,EAAG,QAAQR,CAAE,GACTA,EAAG,qBACNQ,EAAG,QAAQR,EAAG,iBAAiB,GAIhC,EAAW,gBAAgB;IAG1B,AAFAA,EAAG,oBAAoB,UAAUO,CAAY,GAC7C,qBAAqBX,EAAO,OAAO,GACnCY,EAAG,WAAW;GACf;EACD,GAAG,CAAC;EAEJ,aAAa;GAEZ,AADA,OAAO,aAAaF,CAAO,GAC3BiM,EAAW,UAAU;EACtB;CAGD,GAAG;EAACtM;EAAcuM;EAAeb;CAAU,CAAC;CAG5C,IAAMc,IAAmB1M,QAAkB;EAC1C,EAAmBE,EAAa,OAAO,CAAC,EAAE,SAAS;GAAE,MAAM;GAAgB,UAAU;EAAS,CAAC;CAChG,GAAG,CAACA,CAAY,CAAC,GAEXyM,IAAoB3M,QAAkB;EAC3C,EAAmBE,EAAa,OAAO,CAAC,EAAE,SAAS;GAAE,MAAMiM;GAAe,UAAU;EAAS,CAAC;CAC/F,GAAG,CAACjM,CAAY,CAAC,GAGX0M,IAAkBC,IACrBjF,EAAM,cAAc,CAAC,CAAC,QAAQ,MAAWwD,EAAO,WAAW,CAAC,IAC5D,CAAC,GAEE0B,IAAkBtN,KAAiBG,GACnCoN,IAAaH,EAAgB,SAAS,GACtCI,IAAgBC;CAGtB,OAFI,CAACH,KAAmB,CAACC,KAAc,CAACC,IAAsB,OAG7D,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GAEE,CAAC,CAACF,KACF,kBAAApR,IAAA,EAAA,UAAA;IACC,kBAAC2Q,IAAD;KACC,OAAOvH,EAAQ,QAAQ;KACvB,SAAS4H;KACT,UAAU,CAAClN;KACX,WAAU;KAEV,UAAA,kBAAC0N,IAAD,EAAa,WAAU,eAAgB,CAAA;IACrB,CAAA;IACnB,kBAACb,IAAD;KACC,OAAOvH,EAAQ,QAAQ;KACvB,SAAS6H;KACT,UAAU,CAAChN;KAEX,UAAA,kBAACwN,IAAD,EAAc,WAAU,eAAgB,CAAA;IACtB,CAAA;KACjBJ,KAAcC,MAAkB,kBAAC,OAAD,EAAK,WAAU,qBAAsB,CAAA;GACtE,EAAA,CAAA;GAIF,CAAC,CAACD,KACF,kBAAArR,IAAA,EAAA,UAAA,CACC,kBAACyP,GAAD;IACQ;IACE;IACQ;IACjB,WAAWhP,EACV,qCACA,CAAC2Q,KAAmB,iDACpB,CAACE,KAAiB,+CACnB;GACA,CAAA,GACAA,KAAiB,kBAAC,OAAD,EAAK,WAAU,qBAAsB,CAAA,CACtD,EAAA,CAAA;GAGFA,KACA,kBAACtB,IAAD;IACa;IACQ;IACpB,YAAY5G,EAAQ,QAAQ;IAC5B,WAAWA,EAAQ,QAAQ;IAC3B,WAAW3I,EACV,8DACA,CAAC2Q,KAAmB,CAACC,KACpB,+CACF;GACA,CAAA;EAEE;;AAEP;AAEA,GAAiB,cAAc;;;AC3I/B,IAAMK,KAAuBC,GAA2B,IAAI;AAE5D,SAAgBC,KAAgC;CAC/C,OAAOC,GAAWH,EAAoB;AACvC;AAuBA,IAAMI,KAAiG;CACtG,IAAI;CACJ,IAAI;CACJ,IAAI;AACL,GAEMC,KAAqG;CAC1G,IAAI;CACJ,IAAI;CACJ,IAAI;AACL,GAEMC,MAAa,MAA2D;CAC7E,IAAIvL,MAAU,KAAA,GACd,OAAO,OAAOA,KAAU,WAAW,GAAGA,EAAM,MAAMA;AACnD;AAIA,SAASwL,GACR,GACA,GAC6B;CAC7B,OAAO1F,EAAQ,KAAK,MACf,aAAamD,KAAUA,EAAO,UAC1B;EAAE,GAAGA;EAAQ,SAASuC,GAAevC,EAAO,SAASwC,CAAY;CAAE,KAE1DxC,EAAO,OACnB,iBAAiBA,KAAU,OAAOA,EAAO,eAAgB,WAC1DA,EAAO,YAAY,QAAQ,OAAO,GAAG,IAAI,KAAA,OACxC,OAAOA,EAAO,UAAW,WAAWA,EAAO,SAAS,KAAA,QACrCwC,KAAgBxC,EAAO,aAAa,KAAA,IACrD;EAAE,GAAGA;EAAQ,UAAU;CAAiB,IACxCA,CACH;AACF;AAEA,SAAgByC,EAAkD,EACjE,SACA,aAAU,QACV,uBAAoB,IACpB,YACA,SACA,iBACA,eACA,wBACA,0BACA,yBACA,mBAAgB,IAChB,qBAAkB,IAClB,iBACA,sBACA,mBAAgB,IAChB,4BAAyB,IACzB,YAAYC,GACZ,wBAAoB,IACpB,uBACA,0BAAuB,IACvB,wBAAqB,IACrB,8BAA0B,IAC1B,4BAAwB,IACxB,eACA,kBACA,kBACA,qBACA,2BACA,gBACA,0BACA,mBAAe,IACf,oBAAgB,IAChB,uBAAoB,IACpB,mBACA,yBAAsB,IACtB,sBACA,sBACA,gBAAY,IACZ,mBAAe,IACf,oBAAgB,IAChB,sBAAkB,IAClB,uBAAmB,IACnB,qBAAiB,mBACjB,8BAA0B,IAC1B,cACA,cAAcC,IACd,SAASC,GACT,oBACA,kBAAkBC,IAClB,6BACA,iBACA,8BACA,SAASC,IACT,mBACA,eACA,qBACA,6BAAyB,UACzB,mBACA,qBACA,iBACA,+BACA,kBACiC;CACjC,IAAM,EAAE,oBAAiBhS,EAAiB,GACpCiS,IAAelS,EAAsBmS,GAAMC,CAAY,GAEvDvJ,IAAUI,QACTpC,GAAsBoL,EAAe,GAC3C,CAACA,EAAe,CACjB,GAEMI,KAAkBnS,EAAG,WAAWkL,EAAY,GAC5Ce,KAA4BC,KAAqBvD,EAAQ,WAAW,SACpEyJ,KAAuBxK,MAAgB,QACvCyK,IAAwBd,GAAUe,EAAa,GAG9CC,IAED,MAAM,QAAQzG,CAAO,KAAKA,EAAQ,WAAW,KAAK,MAAM,QAAQA,EAAQ,EAAE,IACtEA,EAAQ,KAITA,GAIH0G,IAAsBzJ,QACpB0J,KAAa,MAAMA,GAAW,YAAY,MAC/C,CAACA,EAAU,CAAC,GAGTC,KAA0B3J,QAA+B;EAC9D,IAAM4J,IACLC,MAA2BC,GAAc,oBAAoB,CAAC;EAG/D,IAAI,CAACL,KAAuB,OAAO,SAAW,KAC7C,OAAOG;EAGR,IAAI;GACH,IAAMG,IAAS,OAAO,aAAa,QAAQN,CAAmB;GAG9D,OAAO;IAAE,GAFMM,IAAU,KAAK,MAAMA,CAAM,IAAwB,CAAC;IAE/C,GAAGH;GAAgB;EACxC,QAAQ;GAEP,OAAOA;EACR;CACD,GAAG;EAACC;EAAyBJ;EAAqBK,GAAc;CAAgB,CAAC,GAG3E,CAACE,IAAiBC,MAAsBzP,EAC7C0P,MAAkBJ,GAAc,WAAW,CAAC,CAC7C,GACM,CAACK,GAAeC,MAAoB5P,EACzCsP,GAAc,iBAAiB,CAAC,CACjC,GACM,CAACO,IAA0BC,MAA+B9P,EAC/DmP,EACD,GACM,CAACY,IAAsBC,MAA2BhQ,EACvDsP,GAAc,gBAAgB,CAAC,CAChC,GACM,CAACW,GAAoBC,MAAyBlQ,EAASmQ,EAAiB,GACxEC,IAAU9B,KAAqBkB,IAC/Ba,IAAmB9B,MAA8BsB,IACjDS,IAAejC,MAA0B0B,IACzC7D,IAAakC,KAAwB6B,GAGrCzP,KAAeJ,EAAuB,IAAI,GAG1CmQ,KAA4BjQ,GAChC,MAAyC;EACzC,IAAMkQ,IAAc,OAAOC,KAAY,aAAaA,EAAQd,CAAa,IAAIc;EAE7E,AADAb,GAAiBY,CAAW,GAC5BE,KAAwBF,CAAW;CACpC,GACA,CAACb,GAAee,EAAqB,CACtC,GAEMC,KAA8BrQ,GAClC,MAAmC;EACnC,IAAMsQ,IACL,OAAOH,KAAY,aAAaA,EAAQL,CAAO,IAAIK;EAMpD,AAJInC,MAAsB,KAAA,KACzBmB,GAAmBmB,CAAW,GAG/BC,KAAkBD,CAAW;CAC9B,GACA;EAACtC;EAAmBuC;EAAiBT;CAAO,CAC7C,GAEMU,KAAiCxQ,GACrC,MAAsC;EACtC,IAAMyQ,IACL,OAAON,KAAY,aAAaA,EAAQJ,CAAgB,IAAII;EAO7D,IALIlC,OAA+B,KAAA,KAClCuB,GAA4BiB,CAAc,GAIvC9B,KAAuB,OAAO,SAAW,KAC5C,IAAI;GACH,OAAO,aAAa,QACnBA,GACA,KAAK,UAAU8B,CAAc,CAC9B;EACD,QAAQ,CAER;EAGD,KAA2BA,CAAc;CAC1C,GACA;EACCV;EACA9B;EACAU;EACA+B;CACD,CACD,GAEMC,KAAmC3Q,GACvC,MAAwC;EACxC,IAAM4Q,IACL,OAAOT,KAAY,aAAaA,EAAQH,CAAY,IAAIG;EAMzD,AAJIpC,OAA2B,KAAA,KAC9B2B,GAAwBkB,CAAgB,GAGzCC,KAAuBD,CAAgB;CACxC,GACA;EAAC7C;EAAwB8C;EAAsBb;CAAY,CAC5D,GAEMc,KAAsBhR,EAA8B,IAAI,GAExDiR,IAAyB/Q,GAC7B,MAA4B;EAI5B,AAHI8N,MAAyB,KAAA,KAC5B8B,GAAsBoB,CAAc,GAErC9E,IAAqB8E,CAAc;CACpC,GACA,CAAClD,GAAsB5B,CAAkB,CAC1C;CAMA,GAA2BN,GAAYkF,IAJhB9Q,QAChB+Q,EAAuB,EAAK,GAClC,CAACA,CAAsB,CAEoC,CAAc;CAE1E,IAAME,KAAyBjR,GAC7B,MACI,OAAOkR,KAAwB,aAC3BA,EAAoB7L,CAAG,IAGxB6L,KAAuBpM,EAAQ,QAAQ,cAE/C,CAACoM,GAAqBpM,EAAQ,QAAQ,YAAY,CACnD,GAEMqM,KAAqBjM,QAA0C;EACpE,IAAMkM,IAAoBC,KAAmBzD,IAC1CD,GAAee,GAAiBd,CAAY,IAC5Cc,GACG4C,IAAcC,IACjBvJ,GAAkCoJ,GAAmBtM,CAAO,IAC5DsM;EAGH,IAAI,CAACI,GACJ,OAAOF;EAIR,IAAMG,IAAsC;GAC3C,IAAI;GACJ,QAAQ3M,EAAQ,QAAQ;GAExB,OAAO,EAAE,aACR,kBAACH,IAAD;IACC,KAAKU,EAAI;IACT,SAASmM;IACT,WAAWP,GAAuB5L,EAAI,QAAQ;IAC9C,aAAaqM;IACb,sBAAsBC;IACb;GACT,CAAA;GAEF,eAAe;GACf,cAAc;GACd,MAAM;EACP;EAEA,OAAO,CAAC,GAAGL,GAAaG,CAAS;CAClC,GAAG;EACF/C;EACA2C;EACAzD;EACA2D;EACAC;EACAP;EACAU;EACAD;EACA5M;CACD,CAAC,GAGK8C,IAAQgK,GAAc;EAC3B;EACA,SAAST;EACT,OAAO;GAAE;GAAS;GAAkB;GAAc;EAAc;EAChE;EACA,qBAAqBE;EACrB,iBAAiB,CAACA;EAClB;EAIA,oBAAoB;EACpB;EACA;EACA;EACA,iBAAiBQ,IAAgBxB,KAA8B,KAAA;EAC/D,sBACCkB,IAAqBZ,KAAmC,KAAA;EACzD,0BAA0BH;EAC1B,uBAAuBP;EACvB,iBAAiB6B,GAAgB;EACjC,qBAAqBC,GAAoB;EACzC,mBAAmBC,GAAkB;EACrC;CACD,CAAC,GAGKC,KAAeZ,KAAmBzD,IACrChG,EAAM,kBAAkB,CAAC,CAAC,MAAM,MAAWwD,EAAO,OAAOwC,KAAgBxC,EAAO,aAAa,CAAC,IAC9F,KAAA,GACG8G,KAAoBC,KAAqBrN,EAAQ,OAAO,mBAGxDsN,KAAanO,KAAcA,EAAW,YAAY,GAClDoO,KAAezK,EAAM,oBAAoB,CAAC,CAAC,KAAK,KAAK,MAAQvC,EAAI,QAAQ,GACzEiN,IAAmBD,GAAa,QAChCE,KAAiBvS,QAAkB;EACxC,EAAM,kBAAkB;CACzB,GAAG,CAAC4H,CAAK,CAAC,GACJ4K,KAAmE;EACxE;EACA;EACA;EACA,eAAeC,EAAK;EACpB;EACA;CACD,GACMC,KACL,OAAOC,MAAgB,aACpBA,GAAYH,EAAuB,IACnCG,IACEC,KAA0BN,IAAmB,IAClD,kBAAC,OAAD;EACC,kBAAe;EACf,aAAU;EACV,WAAWnW,EACT,8NACD0W,MAAiB,8CACjBC,EACD;EAPD,UAAA,CASC,kBAACzW,GAAD;GAAM,WAAU;GACd,UAAAyI,EAAQ,UAAU,QAAQwN,GAAkBG,EAAK,MAAM;EACnD,CAAA,GACN,kBAAC,OAAD;GACC,aAAU;GACT,WAAU;GAFZ,UAAA,CAIEC,IACD,kBAACtW,GAAD;IACC,MAAK;IACL,MAAK;IACL,aAAY;IACZ,SAASmW;IAER,UAAAzN,EAAQ,UAAU;GACZ,CAAA,CACJ;EACD,CAAA,CAAA;CACF,CAAA,IAAA,MACEiO,KACD,CAACxB,KAAsBe,MAAqB,KAC5CU,MAAqB,QAAQA,MAAqB,KAAc,OAChE,OAAOA,KAAqB,aACxBA,EAAiBR,EAAuB,IAEzCQ,KAAoBJ,IAEtBK,KAAiB/N,QAAyC;EAC/D,IAAKsJ,GACL,OAAO,EAAE,gCAAgCA,EAAsB;CAChE,GAAG,CAACA,CAAqB,CAAC,GACpB0E,KACLtH,KAAcuH,KAAuB3E,MAA0B,KAAA;CAEhE,QAAgB;EACf,IAAM4E,IAAelT,GAAa,SAAS,cAA2B,iCAA+B;EACrG,AAAKkT,MAEL,EAAa,WAAW,GACxBA,EAAa,aAAa,cAActO,EAAQ,cAAc,YAAY;CAC3E,GAAG,CAACA,EAAQ,cAAc,YAAY,CAAC;CAEvC,IAAMuO,KAAWjG,GAAqB,UAChCkG,KAAmB7F,GAAwBU;CAEjD,OACC,kBAACkF,IAAD;EAAU,OAAOC;EAOjB,UAAA,kBAAC,OAAD;GACC,KAAKxC;GACL,MAAMlF,IAAa,WAAW,KAAA;GAC9B,cAAYA,IAAa,KAAO,KAAA;GAChC,cAAYA,IAAa9G,EAAQ,cAAc,mBAAmB,KAAA;GAClE,WAAW3I,EACX,+CACAyP,IACG,6EACAzP,EACD,6BACAgX,KAAuB,gCACvBI,MAAY,UACX,yIACDA,MAAY,WACX,6DAEDC,EACD,CACF;GAnBA,UAAA;IAoBE,CAAC,EAAEvB,MAAgBwB,MAAiBC,MAAa7G,KAA0BI,MAC3E,kBAAC,OAAD;KAAK,WAAW9Q,EAAG,YAAY0W,MAAiB,4CAA4C;KAA5F,UAAA,CAEC,kBAAC,OAAD;MAAK,WAAW1W,EACI,oIACnByP,IAAa,yBAAyB,QACtC+H,EACD;MAJA,UAAA,CAKC,kBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACEF,IACAxB,MACA,kBAAC,OAAD;QAAK,WAAU;QACd,UAAA,kBAAChU,IAAD;SACC,cAAYiU;SACZ,aAAaA;SACb,OAAQD,GAAa,eAAe,KAAgB;SACpD,WAAW,MAAUA,GAAa,eAAexQ,EAAM,OAAO,KAAK;QACnE,CAAA;OACG,CAAA,CAEF;MACL,CAAA,GAAA,kBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACEiS,IACD,kBAACnH,IAAD;QACQ;QACO;QACF;QACZ,oBAAoBwE;QACE;QACE;QACxB,iBAAiB6C;QACR;OACT,CAAA,CACG;MAED,CAAA,CAAA;KACL,CAAA,GAAA,kBAAC5V,IAAD,CAAY,CAAA,CACR;;IAGL+U;IAED,kBAAC,OAAD;KACC,KAAK7S;KACL,OAAO+S;KACP,WAAW9W,EACV,WACA+W,KAAoC,oBAAoBW,KACvDjI,KAAcuH,MAAwB,QACxC;KAGA,UAAA,kBAACnU,IAAD;MACC,WAAW7C,EACV,YACAqR,GAAyBW,IACzBhH,EACD;MACA,oBAAoBhL,EACnB,uGACA+W,MAAqC,iBACrC1E,MAA0B,KAAA,KAAa,yCACtC5C,KAAcuH,MAAwB,kBACvCW,EACD;MAZD,UAAA,CAcC,kBAACzK,IAAD;OACQ;OACO;OACG;OACF;OACI;OACL;OACK;MACnB,CAAA,GACD,kBAACnB,IAAD;OACQ;OACK;OACZ,mBAAmBE;OACD;OACH;OACf,cAAckG;OACK;OACV;MACT,CAAA,CACK;;IACH,CAAA;IACJ,CAAC,CAAC8D,MACF,kBAAAzW,IAAA,EAAA,UAAA,CACC,kBAACqC,IAAD,CAAY,CAAA,GACZ,kBAAC2F,IAAD;KACa;KACE;KACd,cAAc4K;KACd,QAAQzJ,EAAQ;IAChB,CAAA,CACA,EAAA,CAAA;IAEF,CAAC,CAACiP,MACF,kBAAC,OAAD;KACC,aAAU;KACT,WAAU;KAEV,UAAAA;IACG,CAAA;GAEF;;CACK,CAAA;AAEZ;AAEA,EAAU,cAAc;;;ACjoBxB,SAAgBC,EAA0B,EAC7B,UACA,iBACA,sBACA,4BAAyB,IACzB,kBACD,aAAU3R,KACwB;CAC7C,IAAI,CAACuL,KAAgB,CAACf,KAA0B,CAACoH,GAChD,OAAO;CAGR,IAAM/B,IAAoBC,KAAqBrN,EAAQ,OAAO;CAE9D,OACC,kBAAC,OAAD;EAAK,WAAW3I,EAAG,yBAAyB,6CAA6C;EAAzF,UAAA,CACC,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CAEE,CAAC,CAACyR,KACD,kBAAC3P,IAAD;IACA,aAAaiU;IACb,OAAQtK,EAAM,UAAUgG,CAAY,CAAC,EAAE,eAAe,KAAgB;IACtE,WAAW,MAAU;KACpB,IAAMzL,IAAQV,EAAM,OAAO;KAC3B,EAAM,UAAUmM,CAAY,CAAC,EAAE,eAAezL,CAAK;IACpD;IACA,WAAU;GACV,CAAA,GAID8R,CACG;EAGH,CAAA,GAAA,CAAC,CAACpH,KACF,kBAAC1B,GAAD;GACQ;GACE;GACT,iBAAgB;GAChB,WAAU;EACV,CAAA,CAEC;;AAEP;AAEA,EAAmB,cAAc;;;AC0FjC,SAAS+I,EAAmB,GAAmC;CAG9D,OAFI/R,MAAU,MAASA,KAAU,QAC7B,OAAOA,KAAU,YAAiBA,EAAM,KAAK,MAAM;AAExD;AAEA,SAASgS,EAAiB,GAAkB;CAC3C,OAAOhS,KAAU;AAClB;AAEA,SAASiS,GAAa,GAAqD;CAC1E,OACC,OAAOjS,KAAU,cACjBA,KACA,CAAC,MAAM,QAAQA,CAAK,KACpB,CAACkS,GAAelS,CAAK,KACrB,EAAEA,aAAiB;AAErB;AAEA,SAASmS,GAAQ,GAAgD;CAChE,OAAO,MAAM,QAAQnS,CAAK;AAC3B;AAEA,SAASoS,GAAe,GAA4C;CACnE,IAAM,CAACC,GAAUC,GAAMlV,KAAW4C;CAClC,OAAO;EACN,GAAG5C;EACH,OAAOiV;EACP;CACD;AACD;AAEA,SAASE,GAAmB,GAAkE;CAC7F,IAAIvS,MAAU,IAAO,OAAO;CAC5B,IAAIkS,GAAelS,CAAK,GAAG,OAAOA;CAClC,IAAImS,GAAQnS,CAAK,GAAG;EACnB,IAAMwS,IAAaJ,GAAepS,CAAK;EACvC,OAAO+R,EAAmBS,EAAW,KAAK,KAAKR,EAAiBQ,EAAW,OAAO,IAAI,OAAOA;CAC9F;CAIA,OAHIP,GAAajS,CAAK,IACd+R,EAAmB/R,EAAM,KAAK,KAAKgS,EAAiBhS,EAAM,OAAO,IAAI,OAAOA,IAE7E+R,EAAmB/R,CAAK,IAAI,OAAO,EAAS,SAA4B;AAChF;AAEA,SAASyS,GAAY,GAA2B;CAC/C,OAAOzS,aAAiB,OAAOA,EAAM,YAAY,IAAI,OAAOA,KAAS,EAAE;AACxE;AAEA,SAAS0S,GAAyB,EACjC,eACA,WAAQ,GACR,eACA,cACA,mBAAgB,YAOd;CACF,IAAMC,IAAYpS,MAAU,GACtB+R,IAAOE,EAAW,SAASG,IAAY,UAAU,cACjD3S,IAAQwS,EAAW,OACnBI,IAAqBJ,EAAW,YAAYxS,aAAiB,OAAOyS,GAAYzS,CAAK,IAAIA,IACzF6S,IAAqBL,EAAW,cAAcM,GAC9CC,IAAoB/Y,EAAGgL,GAAWwN,EAAW,SAAS,GACtDQ,IAASL,IAAYM,IAAgB;CAE3C,QAAQX,GAAR;EACC,KAAK,aACJ,OACC,kBAAC3X,GAAD;GAAgB,MAAK;GAAU,WAAWoY;GACxC,UAAAH;EACc,CAAA;EAElB,KAAK,SACJ,OACC,kBAAChY,GAAD;GAAY,MAAK;GAAU,WAAWmY;GACpC,UAAAH;EACU,CAAA;EAEd,KAAK,QACJ,OACC,kBAAClY,GAAD;GACC,OAAO8X,EAAW,YAAY,KAAA,KAAa,OAAOxS,KAAU,WAAWA,IAAQ,KAAA;GAC/E,OAAOwS,EAAW;GAClB,YAAYK;GACZ,MAAK;GACG;GACR,WAAWE;GAEV,UAAAP,EAAW;EACP,CAAA;EAER,KAAK,QACJ,OACC,kBAACzX,GAAD;GAAW,MAAK;GAAkB;GAAQ,WAAWgY;GACnD,UAAAH;EACS,CAAA;EAEb,KAAK,QAAQ;GACZ,IAAMM,IAAOV,EAAW,QAAQC,GAAYzS,CAAK;GACjD,OACC,kBAACvG,GAAD;IAAY;IAAM,YAAYoZ;IAAoB,WAAWE;IAC3D,UAAAH;GACI,CAAA;EAER;EACA,KAAK,SACJ,OACC,kBAAC5X,GAAD;GACC,OAAO,OAAOgF,KAAU,WAAWA,IAAQ,KAAA;GAC3C,SAASwS,EAAW;GACpB,YAAYK;GACZ,WAAWE;EACX,CAAA;EAEH,KAAK,SACJ,OACC,kBAACtY,GAAD;GACC,OAAO,OAAOuF,KAAU,WAAWA,IAAQ,KAAA;GAC3C,SAASwS,EAAW;GACpB,YAAYK;GACZ,WAAWE;EACX,CAAA;EAEH,KAAK,OACJ,OACC,kBAACjY,GAAD;GACC,OAAO,OAAOkF,KAAU,WAAWA,IAAQ,KAAA;GAC3C,SAASwS,EAAW;GACpB,YAAYK;GACZ,WAAWE;EACX,CAAA;EAEH,KAAK,SACJ,OACC,kBAAC1X,GAAD;GACC,QAAQ,OAAO2E,KAAU,YAAY,OAAOA,KAAU,WAAWA,IAAQ;GACzE,UAAUwS,EAAW;GACrB,QAAQA,EAAW;GACnB,iBAAiBA,EAAW;GAC5B,uBAAuBA,EAAW;GAClC,uBAAuBA,EAAW;GAClC,YAAYA,EAAW;GACvB,YAAYK;GACZ,MAAK;GACG;GACR,WAAWE;EACX,CAAA;EAEH,KAAK,UACJ,OACC,kBAACrZ,GAAD;GACC,OAAO,OAAOsG,KAAU,YAAY,OAAOA,KAAU,WAAWA,IAAQ;GACxE,QAAQwS,EAAW;GACnB,SAASA,EAAW;GACpB,YAAYK;GACZ,MAAK;GACG;GACR,WAAWE;EACX,CAAA;EAEH,KAAK,WACJ,OACC,kBAAC3X,IAAD;GACC,OAAO,OAAO4E,KAAU,YAAY,OAAOA,KAAU,WAAWA,IAAQ;GACxE,QAAQwS,EAAW;GACnB,QAAQA,EAAW;GACnB,SAASA,EAAW;GACpB,YAAYK;GACZ,MAAK;GACG;GACR,WAAWE;EACX,CAAA;EAEH,KAAK,YACJ,OACC,kBAAClY,GAAD;GACC,OAAO,OAAOmF,KAAU,WAAWA,IAAQ;GAC3C,MAAMwS,EAAW;GACjB,QAAQA,EAAW;GACnB,YAAYK;GACZ,MAAK;GACG;GACR,WAAWE;EACX,CAAA;EAEH,KAAK,QACJ,OACC,kBAACpZ,IAAD;GACQ;GACP,QAAQ6Y,EAAW;GACnB,QAAQA,EAAW;GACnB,QAAQA,EAAW;GACnB,YAAYK;GACZ,MAAK;GACG;GACR,WAAWE;EACX,CAAA;EAEH,KAAK,QACJ,OACC,kBAACxX,GAAD;GACQ;GACP,QAAQiX,EAAW;GACnB,QAAQA,EAAW;GACnB,YAAYK;GACZ,MAAK;GACG;GACR,WAAWE;EACX,CAAA;EAEH,KAAK,YACJ,OACC,kBAACtX,IAAD;GACQ;GACP,QAAQ+W,EAAW;GACnB,YAAYA,EAAW;GACvB,QAAQA,EAAW;GACnB,QAAQA,EAAW;GACnB,YAAYK;GACZ,MAAK;GACG;GACR,WAAWE;EACX,CAAA;EAEH,KAAK,gBACJ,OACC,kBAACvX,IAAD;GACQ;GACP,QAAQgX,EAAW;GACnB,YAAYK;GACZ,MAAK;GACG;GACR,WAAWE;EACX,CAAA;EAGH,SACC,OACC,kBAACvY,GAAD;GAAO,MAAK;GAAkB;GAAQ,WAAWuY;GAC/C,UAAAH;EACK,CAAA;CAEV;AACD;AASA,SAAgBO,EAAU,EACzB,UACA,SACA,SACA,aACA,oBACA,0BACA,0BACA,eACA,WACA,eACA,SACA,UACA,YACA,WACA,eACA,eACA,eACA,eACA,cAAW,MACX,aACA,cACA,eACkB;CAClB,IAAMC,IAAYC,MAAWtB,EAAmB/R,CAAK;CAsBrD,OApBIsT,MAAa,KAAA,IAYbF,IAEF,kBAACnY,GAAD;EAAY,MAAK;EAAU,WAAWjB,EAAG,yBAAyBgL,CAAS;EACzE,UAAA8N,KAAcS;CACJ,CAAA,IAIPb,GAAyB;EAC/B,YAAY;GACX;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,WAAW;EACZ;EACA,YAAYI,KAAcS;EAC1B;CACD,CAAC,IAzCC,kBAFiBH,IAAYnY,IAAaT,GAE1C;EACC,MAAK;EACL,WAAWR,EAAG,yBAAyBgL,CAAS;EAE/C;CACS,CAAA;AAqCd;AAkBA,SAAgBwO,GAAU,EACzB,YAAS,CAAC,GACV,gBAAa,MACb,cACA,kBACA,qBACA,uBACA,mBAAgB,YACE;CAClB,IAAMC,IAAgBC,EACpB,IAAInB,EAAkB,CAAC,CACvB,QAAQ,MAAuDvS,MAAU,IAAI,CAAC,CAC9E,MAAM,GAAG,CAAC;CAUZ,OARIyT,EAAc,WAAW,IAE3B,kBAACxY,GAAD;EAAY,MAAK;EAAU,WAAWjB,EAAG,yBAAyBgL,CAAS;EACzE,UAAA8N;CACU,CAAA,IAKb,kBAAC,OAAD;EAAK,WAAW9Y,EAAG,yEAAyEgL,CAAS;EACnG,UAAAyO,EAAc,KAAK,GAAO,MAAU;GACpC,IAAMd,IAAYpS,MAAU,GACtBwS,IAAoB/Y,EACzB,gDACA,CAAC2Y,KAAa,WACdgB,GACAhB,IAAYiB,IAAmBC,CAChC;GAUA,OARI3B,GAAelS,CAAK,IAEtB,kBAAC,OAAD;IAAiB,WAAW+S;IAC1B,UAAA/S;GACG,GAFKO,CAEL,IAKN,kBAAC,OAAD;IAAiB,WAAWwS;IAC1B,UAAAL,GAAyB;KACzB,YAAY1S;KACZ;KACA;KACA,WAAWhG,EAAG,iBAAiB,CAAC2Y,KAAa,SAAS;KACtD;IACD,CAAC;GACG,GARKpS,CAQL;EAEP,CAAC;CACG,CAAA;AAEP;AAEA,EAAU,cAAc,aACxB,GAAU,cAAc;;;AC7hBxB,IAAauT,MAAa,EAAE,cAAW,GAAGpR,QAExC,kBAAC9I,GAAD;CACC,WAAWI,EACV,yBACA,uGACAgL,CACD;CACA,GAAItC;CAEH,UAAAA,EAAM;AACF,CAAA;;;ACoDR,SAASqR,EAAoB,GAA0B,GAA0B;CAChF,IACCC,KACA,OAAOA,KAAU,YACjB,EAAE,UAAUA,MACZ,WAAWA,GACV;EACD,IAAMpK,IAAOoK,EAAM;EACnB,OACC,kBAACpY,IAAD;GAA+B,MAAMoY,EAAM,QAAQ;GAAa,KAAKA,EAAM;GAA3E,UAAA,CACE,CAAC,CAACpK,KAAQ,kBAACA,GAAD,EAAM,WAAU,eAAgB,CAAA,GAC1CoK,EAAM,KACD;EAHK,GAAAA,EAAM,MAAMzT,CAGjB;CAET;CAEA,OAAO,kBAAC,QAAD,EAAA,UAAmByT,EAAY,GAApBzT,CAAoB;AACvC;AAEA,SAAS0T,GAAuB,GAAoD;CAqBnF,OApBKC,IACD,MAAM,QAAQA,CAAQ,IAExB,kBAAC,QAAD;EAAM,WAAU;EACd,UAAAA,EAAS,KAAK,GAAM,MACpB,kBAAC,QAAD;GAA6B,WAAU;GAAvC,UAAA,CACE,CAAC,CAACC,EAAK,SACP,kBAACja,GAAD;IAAM,KAAI;IAAO,MAAK;IAAU,MAAK;IAAY,WAAU;IACzD,UAAAia,EAAK;GACD,CAAA,GAEP,kBAACja,GAAD;IAAM,KAAI;IAAO,MAAK;IAAU,MAAK;IAAY,WAAU;IACzD,UAAAia,EAAK;GACD,CAAA,CACD;EATK,GAAAA,EAAK,MAAM5T,CAShB,CACN;CACI,CAAA,IAID2T,IApBe;AAqBvB;AAEA,SAAgBE,GAAa,EAC5B,UACA,aACA,aACA,YAAS,CAAC,GACV,aACA,MAAMC,IAAgBC,GACtB,aACA,SACA,eACA,gBAAA,KACA,cACA,mBACA,qBACA,mBACA,wBACqB;CACrB,IAAI,CAACC,GACJ,OACC,kBAACra,GAAD;EAAM,MAAK;EAAU,MAAK;EAAuB;EAC/C,UAAA4Y;CACI,CAAA;CAIR,IAAM0B,IAAY,OAAOD,KAAU,WAAWA,IAAQ,KAAA,GAChDE,IAAWD,IACdrZ,EAAeqZ,GAAW,EAAE,UAAU,cAAc,CAAC,IACrD,IACGE,KACL,kBAACra,GAAD;EAAO,QAAQ,kBAAC,QAAD,CAAO,CAAA;EAAG,KAAI;EAAQ,WAAWL,EAAG,0BAA0B2a,CAAgB;EAA7F,UAAA;GACC,kBAACta,GAAD;IAAO,QAAQ,kBAAC,QAAD,CAAO,CAAA;IAAG,WAAU;IAAa,KAAI;IAAK,MAAM;IAAO,WAAU;IAAhF,UAAA,CACC,kBAACH,GAAD;KACC,KAAI;KACJ,MAAK;KACL,QAAO;KACP,WAAWF,EAAG,iCAAiC4a,CAAc;KAE5D,UAAAL;IACI,CAAA,GACLM,EAAO,SAAS,KAChB,kBAAC,QAAD;KAAM,WAAU;KACd,UAAAA,EAAO,IAAId,CAAmB;IAC1B,CAAA,CAED;;GACN,CAAC,CAACe,KACF,kBAAC5a,GAAD;IACC,KAAI;IACJ,MAAK;IACL,MAAK;IACL,WAAWF,EAAG,oCAAoC+a,CAAiB;IAElE,UAAAD;GACI,CAAA;GAEN,CAAC,CAACZ,KACF,kBAAC,QAAD;IAAM,WAAU;IACd,UAAAD,GAAuBC,CAAQ;GAC3B,CAAA;EAED;KAEFrN,IACL,kBAAC,QAAD;EAAM,WAAW7M,EAAG,0EAA0EgL,CAAS;EAAvG,UAAA,CACC,kBAAC,QAAD;GACC,WAAWhL,EACV,0JACAgb,CACD;GAEC,UAAAC,IACA,kBAAC,OAAD;IAAK,KAAKA;IAAU,KAAKT,KAAa;IAAI,WAAU;GAA2C,CAAA,IAC5FjB,MAEAkB,IACH,kBAACva,GAAD;IAAM,MAAK;IAAU,QAAO;IAAW,WAAU;IAC/C,UAAAua;GACI,CAAA,IAEN,kBAACJ,GAAD,EAAe,WAAU,YAAa,CAAA;EAElC,CAAA,GACLK,EACI;;CAGP,IAAI,CAACxB,GAAM,OAAOrM;CAElB,IAAMqO,IAAgB;CAUtB,OATIC,IACIA,EAAW;EACjB;EACA,UAAUtO;EACV,WAAWqO;EACX,cAAcV;CACf,CAAC,IAID,kBAACpa,GAAD;EACO;EACN,MAAK;EACL,WAAW;EACX,WAAW8a;EACX,cAAYV;EAEX,UAAA3N;CACQ,CAAA;AAEZ;AAEA,GAAa,cAAc;;;AC7K3B,SAAgBuO,GAAmC,EAClD,UACA,QACA,gBAAA,KACA,gBAC4B;CAC5B,IAAI,CAACpV,KAAS,EAAEA,KAASqV,IACxB,OACC,kBAACnb,GAAD;EAAM,MAAK;EAAU,MAAK;EAAY,WAAWF,EAAG,0BAA0BgL,CAAS;EACrF,UAAA8N;CACI,CAAA;CAGR,IAAMwC,IAAQD,EAAIrV,IACZ4J,IAAO0L,EAAM;CACnB,OACC,kBAAC1Z,IAAD;EACC,MAAM0Z,EAAM,QAAQ;EACpB,WAAWtb,EAAG,uCAAuCgL,CAAS;EAF/D,UAAA,CAIE,CAAC,CAAC4E,KAAQ,kBAACA,GAAD,EAAM,WAAU,eAAgB,CAAA,GAC1C0L,EAAM,KACD;;AAET;AAEA,GAAW,cAAc;AA8BzB,SAAgBC,GAAkB,EACjC,WAAQ,CAAC,GACT,gBAAA,KACA,cACA,qBAC0B;CAC1B,IAAMC,IAAeC,EAAM,QAAQ,MAAS,CAACtB,EAAK,MAAM;CAUxD,OARIqB,EAAa,WAAW,IAE1B,kBAACtb,GAAD;EAAM,MAAK;EAAU,MAAK;EAAY,WAAWF,EAAG,kCAAkCgL,CAAS;EAC7F,UAAA8N;CACI,CAAA,IAKP,kBAAC,QAAD;EAAM,WAAW9Y,EAAG,0FAA0FgL,CAAS;EACrH,UAAAwQ,EAAa,KAAK,GAAM,MAAU;GAClC,IAAM5L,IAAOuK,EAAK;GAClB,OACC,kBAACvY,IAAD;IAEC,MAAMuY,EAAK,QAAQ;IACnB,KAAKA,EAAK;IACV,WAAWna,EAAG,YAAY0b,CAAc;IAJzC,UAAA,CAME,CAAC,CAAC9L,KAAQ,kBAACA,GAAD,EAAM,WAAU,eAAgB,CAAA,GAC1CuK,EAAK,KACA;GAPD,GAAAA,EAAK,MAAM5T,CAOV;EAET,CAAC;CACI,CAAA;AAER;AAEA,GAAkB,cAAc;AAyBhC,SAAgBoV,EAAS,EACxB,UACA,WACA,WACA,WACA,cAAW,IACX,MAAMtB,IAAgBuB,GACtB,gBAAA,KACA,gBACiB;CACjB,IAAMC,IAAOna,EAAesE,CAAK;CAQjC,OAPK6V,IAQJ,kBAAC,QAAD;EAAM,WAAW7b,EAAG,8DAA8DgL,CAAS;EAA3F,UAAA,CACE,CAAC,CAAC8Q,KAAY,kBAACzB,GAAD,EAAe,WAAU,kCAAmC,CAAA,GAC3E,kBAACxa,IAAD;GACC,OAAOgc;GACC;GACA;GACA;GACI;GACZ,MAAK;GACL,MAAK;EACL,CAAA,CACI;MAjBL,kBAAC3b,GAAD;EAAM,MAAK;EAAU,MAAK;EAAY,WAAWF,EAAG,wBAAwBgL,CAAS;EACnF,UAAA8N;CACI,CAAA;AAiBT;AAEA,EAAS,cAAc;AAevB,SAAgBiD,GAAa,EAC5B,UACA,WACA,WACA,WACA,cAAW,IACX,MAAM1B,IAAgBuB,GACtB,gBAAA,KACA,cACA,qBACA,cACA,yBACqB;CACrB,IAAMC,IAAOna,EAAesE,CAAK;CACjC,IAAI,CAAC6V,GACJ,OACC,kBAAC3b,GAAD;EAAM,MAAK;EAAU,MAAK;EAAY,WAAWF,EAAG,6BAA6BgL,CAAS;EACxF,UAAA8N;CACI,CAAA;CAIR,IAAMkD,IAAgB,OAAOC,KAAc,aAAaA,EAAUJ,CAAI,IAAII;CAE1E,OACC,kBAAC,QAAD;EAAM,WAAWjc,EAAG,0EAA0EgL,CAAS;EAAvG,UAAA,CACE,CAAC,CAAC8Q,KAAY,kBAACzB,GAAD,EAAe,WAAU,wDAAyD,CAAA,GACjG,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACC,kBAACxa,IAAD;IACC,OAAOgc;IACC;IACA;IACA;IACI;IACZ,MAAK;IACL,MAAK;IACL,WAAW7b,EAAG,yBAAyB4Z,CAAgB;GACvD,CAAA,GACA,CAAC,CAACoC,KACF,kBAAC9b,GAAD;IACC,KAAI;IACJ,MAAK;IACL,MAAK;IACL,WAAWF,EAAG,YAAY6Z,CAAkB;IAE3C,UAAAmC;GACI,CAAA,CAEF;EACD,CAAA,CAAA;;AAER;AAEA,GAAa,cAAc;AAsB3B,SAAgBE,GAAa,EAC5B,UACA,aACA,WACA,gBAAA,KACA,cACA,YAAS,cACY;CACrB,OACC,kBAAC7a,GAAD;EACC,QAAQ2E;EACE;EACF;EACR,YAAYmW,IAAW,gBAAgB;EAC3B;EACZ,MAAK;EACG;EACR,WAAWnc,EAAG,yCAAyCgL,CAAS;CAChE,CAAA;AAEH;AAEA,GAAa,cAAc;AAqB3B,SAAgBoR,GAAW,EAC1B,SACA,aACA,MAAM/B,IAAgBC,GACtB,aACA,gBAAA,KACA,gBACmB;CAQnB,OAPI,CAAC+B,KAAQA,EAAK,KAAK,CAAC,CAAC,WAAW,IAElC,kBAACnc,GAAD;EAAM,MAAK;EAAU,MAAK;EAAY,WAAWF,EAAG,0BAA0BgL,CAAS;EACrF,UAAA8N;CACI,CAAA,IAIP,kBAAC,QAAD;EAAM,WAAW9Y,EAAG,gEAAgEgL,CAAS;EAA7F,UAAA,CACC,kBAAC,QAAD;GAAM,WAAU;GACd,UAAAiQ,IACA,kBAAC,OAAD;IAAK,KAAKA;IAAU,KAAKoB;IAAM,WAAU;GAA2C,CAAA,IACjFA,EAAK,SAAS,IACjB,kBAACnc,GAAD;IAAM,MAAK;IAAU,QAAO;IAAW,WAAU;IAC/C,UAAAiB,EAAekb,GAAM,EAAE,UAAU,cAAc,CAAC;GAC5C,CAAA,IAEN,kBAAChC,GAAD,EAAe,WAAU,YAAa,CAAA;EAElC,CAAA,GACN,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACC,kBAACna,GAAD;IAAM,MAAK;IAAU,QAAO;IAAS,WAAU;IAC7C,UAAAmc;GACI,CAAA,GACL,CAAC,CAACvB,KACF,kBAAC5a,GAAD;IAAM,MAAK;IAAU,MAAK;IAAY,WAAU;IAC9C,UAAA4a;GACI,CAAA,CAEF;EACD,CAAA,CAAA;;AAER;AAEA,GAAW,cAAc"}

package/dist/tabs-DY09eoZg.js

@@ -0,0 +1,187 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-C2EKeIw3.js";
+import { n } from "./buttons-Co6GavvM.js";
+import { a as r } from "./typography-Cv8MT-82.js";
+import { t as i } from "./structure-BvW4vG4H.js";
+import { t as a } from "./scroll-area-BheMQ270.js";
+import { useLayoutEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ChevronLeft as d, ChevronRight as f } from "lucide-react";
+import { cva as p } from "class-variance-authority";
+import { Tabs as m } from "@base-ui/react/tabs";
+//#region src/components/base/navigation/tab-scroll-viewport.tsx
+var h = {
+	previous: "Previous tabs",
+	next: "Next tabs"
+};
+function g({ children: t, strings: r }) {
+	let p = e(h, r), m = s(null), g = s(null), [_, v] = c({
+		overflow: !1,
+		start: !0,
+		end: !0
+	});
+	o(() => {
+		let e = g.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.scrollWidth - e.clientWidth, n = Math.abs(e.scrollLeft), r = m.current?.clientWidth || e.clientWidth, i = {
+				overflow: e.scrollWidth > r + 1,
+				start: n <= 1,
+				end: n >= t - 1
+			};
+			v((e) => e.overflow === i.overflow && e.start === i.start && e.end === i.end ? e : i);
+		}, n = () => {
+			let n = e.querySelector("[aria-selected=\"true\"], [aria-current=\"page\"]");
+			if (n) {
+				let t = e.getBoundingClientRect(), r = n.getBoundingClientRect();
+				r.left < t.left ? e.scrollLeft += r.left - t.left : r.right > t.right && (e.scrollLeft += r.right - t.right);
+			}
+			t();
+		};
+		t(), e.addEventListener("scroll", t, { passive: !0 });
+		let r = typeof ResizeObserver > "u" ? null : new ResizeObserver(n);
+		r?.observe(e), m.current && r?.observe(m.current), e.firstElementChild && r?.observe(e.firstElementChild);
+		let i = new MutationObserver(n);
+		return i.observe(e, {
+			subtree: !0,
+			attributes: !0,
+			attributeFilter: ["aria-selected", "aria-current"]
+		}), n(), () => {
+			e.removeEventListener("scroll", t), r?.disconnect(), i.disconnect();
+		};
+	}, []);
+	let y = (e) => {
+		let t = g.current;
+		if (!t) return;
+		let n = getComputedStyle(t).direction === "rtl", r = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+		t.scrollBy({
+			left: e * (n ? -1 : 1) * t.clientWidth * .75,
+			behavior: r ? "instant" : "smooth"
+		});
+	};
+	return /* @__PURE__ */ u(i, {
+		ref: m,
+		direction: "horizontal",
+		gap: "xs",
+		align: "center",
+		wrap: !1,
+		className: "tab-scroll--component w-full min-w-0",
+		children: [
+			_.overflow && /* @__PURE__ */ l(n, {
+				size: "sm",
+				iconOnly: !0,
+				icon: d,
+				tone: "secondary",
+				buttonStyle: "ghost",
+				"aria-label": p.previous,
+				disabled: _.start,
+				onClick: () => y(-1),
+				className: "shrink-0 rtl:[&_svg]:rotate-180"
+			}),
+			/* @__PURE__ */ l(a, {
+				orientation: "horizontal",
+				viewportRef: g,
+				className: "min-w-0 flex-1",
+				viewportClassName: "px-space-xs pt-space-xs pb-space-xl",
+				children: t
+			}),
+			_.overflow && /* @__PURE__ */ l(n, {
+				size: "sm",
+				iconOnly: !0,
+				icon: f,
+				tone: "secondary",
+				buttonStyle: "ghost",
+				"aria-label": p.next,
+				disabled: _.end,
+				onClick: () => y(1),
+				className: "shrink-0 rtl:[&_svg]:rotate-180"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ui/tabs.tsx
+function _({ className: e, orientation: n = "horizontal", ...r }) {
+	return /* @__PURE__ */ l(m.Root, {
+		"data-slot": "tabs",
+		"data-orientation": n,
+		className: t("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", e),
+		...r
+	});
+}
+var v = p("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 y({ className: e, variant: n = "default", ...r }) {
+	return /* @__PURE__ */ l(m.List, {
+		"data-slot": "tabs-list",
+		"data-variant": n,
+		className: t(v({ variant: n }), e),
+		...r
+	});
+}
+function b({ className: e, ...n }) {
+	return /* @__PURE__ */ l(m.Tab, {
+		"data-slot": "tabs-trigger",
+		className: t("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),
+		...n
+	});
+}
+function x({ className: e, ...n }) {
+	return /* @__PURE__ */ l(m.Panel, {
+		"data-slot": "tabs-content",
+		className: t("text-sm flex-1 outline-none", e),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/navigation/tabs.tsx
+function S(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function C({ className: e, ...n }) {
+	return /* @__PURE__ */ l(_, {
+		className: t("tabs--component", e),
+		...n
+	});
+}
+function w({ className: e, scrollable: n = !1, scrollStrings: r, ...i }) {
+	let a = /* @__PURE__ */ l(y, {
+		className: t("tabs-list--component", "rounded-radius", n && "w-max", e),
+		...i
+	});
+	return n ? /* @__PURE__ */ l(g, {
+		strings: r,
+		children: a
+	}) : a;
+}
+function T({ className: e, children: n, ...i }) {
+	return /* @__PURE__ */ l(b, {
+		className: t("tabs-trigger--component", "gap-space-sm rounded-radius px-space-md py-space-xs", e),
+		...i,
+		children: S(n) ? /* @__PURE__ */ l(r, {
+			tag: "span",
+			size: "inherit",
+			weight: "medium",
+			lineHeight: "tight",
+			className: "text-inherit",
+			children: n
+		}) : n
+	});
+}
+function E({ className: e, children: n, ...i }) {
+	return /* @__PURE__ */ l(x, {
+		className: t("tabs-content--component", e),
+		...i,
+		children: S(n) ? /* @__PURE__ */ l(r, { children: n }) : n
+	});
+}
+//#endregion
+export { g as a, T as i, E as n, h as o, w as r, C as t };
+
+//# sourceMappingURL=tabs-DY09eoZg.js.map