admin-ui-starter-kit 0.1.3 → 0.1.4

package/dist/components/base/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/table.tsx","../../../../src/components/ui/pagination.tsx","../../../../src/components/base/table/table.strings.ts","../../../../src/components/base/table/pagination.tsx","../../../../src/components/base/table/table-actions.tsx","../../../../src/components/base/table/table-helpers.tsx","../../../../src/components/base/table/table-body.tsx","../../../../src/components/base/table/table-header.tsx","../../../../src/components/base/table/table-toolbar.tsx","../../../../src/components/base/table/data-table.tsx","../../../../src/components/base/table/filter-bar.tsx","../../../../src/components/base/table/table-pagination.tsx","../../../../src/components/base/table/column-visibility-toggle.tsx","../../../../src/components/base/table/partials/cell-value.tsx","../../../../src/components/base/table/partials/table-link.tsx","../../../../src/components/base/table/partials/cell-renderers.tsx","../../../../src/components/base/table/hooks.ts","../../../../src/components/base/table/partials/density-toggle.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype TableProps = React.ComponentProps<\"table\"> & {\n  containerClassName?: string\n}\n\nfunction Table({ className, containerClassName, ...props }: TableProps) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className={cn(\"relative w-full overflow-x-auto\", containerClassName)}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n","import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\n        \"mx-auto flex w-full justify-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"gap-1 flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <Button\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size={size}\n      className={cn(className)}\n      nativeButton={false}\n      render={\n        <a\n          aria-current={isActive ? \"page\" : undefined}\n          data-slot=\"pagination-link\"\n          data-active={isActive}\n          {...props}\n        />\n      }\n    />\n  )\n}\n\nfunction PaginationPrevious({\n  className,\n  text = \"Previous\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"pl-2!\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon data-icon=\"inline-start\" />\n      <span className=\"hidden sm:block\">\n        {text}\n      </span>\n    </PaginationLink>\n  )\n}\n\nfunction PaginationNext({\n  className,\n  text = \"Next\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"pr-2!\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">{text}</span>\n      <ChevronRightIcon data-icon=\"inline-end\" />\n    </PaginationLink>\n  )\n}\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\n        \"size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon\n      />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n","import { type DataTableStrings, type DataTableStringsOverride } from './table.types';\n\nconst fallbackTitleCase = (value: string): string => {\n    const formatted = value\n        .replace(/[_-]+/g, ' ')\n        .replace(/\\s+/g, ' ')\n        .trim();\n\n    if (!formatted) {\n        return 'Column';\n    }\n\n    return formatted.replace(/\\b\\w/g, (char) => char.toUpperCase());\n};\n\nconst formatColumnLabel = (columnId: string, currentLabel?: string | null): string => {\n    if (currentLabel && currentLabel.trim().length > 0) {\n        return currentLabel;\n    }\n\n    return fallbackTitleCase(columnId);\n};\n\nexport const defaultDataTableStrings: DataTableStrings = {\n    emptyState: {\n        message: 'No results found.',\n    },\n    actions: {\n        triggerLabel: 'Actions',\n        srLabel: 'Row actions menu',\n    },\n    filter: {\n        searchPlaceholder: 'Filter...',\n        columnsButton: 'Columns',\n    },\n    columnVisibility: {\n        title: 'Toggle columns',\n        triggerLabel: 'Columns',\n        formatLabel: formatColumnLabel,\n    },\n    toolbar: {\n        scrollLeft: 'Scroll left',\n        scrollRight: 'Scroll right',\n        columns: 'Toggle columns',\n        dense: 'Compact view',\n        comfortable: 'Comfortable view',\n    },\n    pagination: {\n        showing: 'Showing',\n        to: 'to',\n        of: 'of',\n        entries: 'results',\n        previous: 'Previous',\n        next: 'Next',\n        page: 'Page',\n        rowsPerPage: 'Rows per page',\n        ariaLabel: 'Pagination navigation',\n    },\n    selection: {\n        summary: (selected, total) => `${selected} of ${total} row${total === 1 ? '' : 's'} selected.`,\n        row: (index) => `Select row ${index + 1}`,\n        selectAll: 'Select all rows',\n    },\n} as const;\n\nconst mergeNested = <T extends object>(defaults: T, overrides?: Partial<T>): T => ({\n    ...defaults,\n    ...(overrides ?? {}),\n});\n\nexport const mergeDataTableStrings = (overrides?: DataTableStringsOverride): DataTableStrings => {\n    if (!overrides) {\n        return defaultDataTableStrings;\n    }\n\n    return {\n        emptyState: mergeNested(defaultDataTableStrings.emptyState, overrides.emptyState),\n        actions: mergeNested(defaultDataTableStrings.actions, overrides.actions),\n        filter: mergeNested(defaultDataTableStrings.filter, overrides.filter),\n        columnVisibility: mergeNested(defaultDataTableStrings.columnVisibility, overrides.columnVisibility),\n        toolbar: mergeNested(defaultDataTableStrings.toolbar, overrides.toolbar),\n        pagination: mergeNested(defaultDataTableStrings.pagination, overrides.pagination),\n        selection: mergeNested(defaultDataTableStrings.selection, overrides.selection),\n    };\n};\n","import { useCallback } from 'react';\nimport {\n\tPagination as PaginationRoot,\n\tPaginationContent,\n\tPaginationEllipsis,\n\tPaginationItem,\n\tPaginationLink,\n\tPaginationNext,\n\tPaginationPrevious,\n} from '@/components/ui/pagination';\nimport { Text } from '@/components/typography';\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} as typeof defaultDataTableStrings.pagination;\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 className={cn('pagination--component', 'flex items-center justify-between px-5 py-3')}>\n\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"tabular-nums tracking-tight\">\n\t\t\t\t<Text tag=\"span\" weight=\"medium\" className=\"text-foreground\">{firstItem}&ndash;{lastItem}</Text>{' '}\n\t\t\t\t{paginationLabels.of}{' '}\n\t\t\t\t<Text tag=\"span\" weight=\"medium\" className=\"text-foreground\">{pagination.total}</Text>{' '}\n\t\t\t\t{paginationLabels.entries}\n\t\t\t</Text>\n\n\t\t\t<PaginationRoot aria-label={paginationLabels.ariaLabel} className=\"w-auto mx-0\">\n\t\t\t\t<PaginationContent className=\"gap-0.5\">\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-8 text-xs ${!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-8\" />\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\tisActive={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-8 text-xs\"\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-8 text-xs ${!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, type LucideIcon } from 'lucide-react';\nimport { isValidElement, useEffect, useMemo, useState } from 'react';\nimport { Button, type ButtonVariant, type ButtonStyle } from '@/components/base/buttons';\nimport {\n    ActionMenu,\n    MenuAction,\n    type MenuActionProps\n} from '@/components/base/navigation/action-menu';\nimport { cn } from '@/lib/utils';\nimport { defaultDataTableStrings } from './table.strings';\nimport { type DataTableActionsProps, type ActionItem, type ActionVariant } from './table.types';\n\nexport function DataTableActions<TData>(props: DataTableActionsProps<TData>) {\n    const {\n        row,\n        actions,\n        menuLabel,\n        displayMode = 'menu', // preserve existing behavior\n        responsiveBreakpoint = 1040,\n        strings: providedStrings\n    } = props;\n\n    const strings = providedStrings ?? defaultDataTableStrings;\n    const resolvedMenuLabel = menuLabel ?? strings.actions.triggerLabel;\n\n    // Resolve actions array\n    const resolvedActions = useMemo<ActionItem<TData>[]>(() => {\n        const base = typeof actions === 'function' ? actions(row) : actions;\n        return Array.isArray(base) ? base : [];\n    }, [actions, row]);\n\n    // Filter visibility and compute disabled by predicate/boolean\n    const visibleActions = useMemo(() => {\n        const evalFlag = (flag: boolean | ((r: TData) => boolean) | undefined): boolean | undefined => {\n            if (typeof flag === 'function') return flag(row);\n            return flag;\n        };\n        return resolvedActions\n            .filter(a => {\n                const v = evalFlag(a.isVisible);\n                return v === undefined ? true : v;\n            })\n            .map(a => ({\n                ...a,\n                disabled: evalFlag(a.isDisabled) ?? a.disabled ?? false\n            }));\n    }, [resolvedActions, row]);\n\n    // No actions to render\n    const hasVisibleActions = visibleActions.length > 0;\n\n    // Responsive auto mode: inline over breakpoint, menu under\n    const [isNarrow, setIsNarrow] = useState(false);\n\n    // 1. Split by variant\n    const nonDestructive = visibleActions.filter((action) => action.variant !== 'destructive');\n    const destructive = visibleActions.filter((action) => action.variant === 'destructive');\n\n    // 2. Combine them (non-destructive first, destructive last)\n    const sortedActions = [...nonDestructive, ...destructive];\n\n    useEffect(() => {\n        if (displayMode !== 'auto' || !hasVisibleActions) {\n            setIsNarrow(false);\n            return;\n        }\n\n        const handleResize = () => {\n            try {\n                setIsNarrow(window.innerWidth <= responsiveBreakpoint);\n            } catch {\n                setIsNarrow(false);\n            }\n        };\n\n        handleResize();\n        window.addEventListener('resize', handleResize);\n        return () => window.removeEventListener('resize', handleResize);\n    }, [displayMode, hasVisibleActions, responsiveBreakpoint]);\n\n    if (!hasVisibleActions) return null;\n\n    const mode: 'menu' | 'inline' = displayMode === 'auto' ? (isNarrow ? 'menu' : 'inline') : displayMode;\n\n    const resolveMenuIcon = (icon: ActionItem<TData>['icon']): LucideIcon | undefined => {\n        if (!icon) return undefined;\n        if (typeof icon === 'function') {\n            return icon as LucideIcon;\n        }\n\n        if (isValidElement(icon) && typeof icon.type === 'function') {\n            return icon.type as LucideIcon;\n        }\n\n        return undefined;\n    };\n\n    const resolveActionButtonVariant = (variant?: ActionVariant): {\n        variant: ButtonVariant;\n        buttonStyle: ButtonStyle;\n        className?: string\n    } => {\n        switch (variant) {\n            case 'destructive':\n                return { variant: 'error', buttonStyle: 'solid' };\n            case 'outline':\n                return { variant: 'secondary', buttonStyle: 'outline' };\n            case 'secondary':\n                return { variant: 'secondary', buttonStyle: 'solid' };\n            case 'ghost':\n                return { variant: 'secondary', buttonStyle: 'ghost' };\n            case 'link':\n                return { variant: 'secondary', buttonStyle: 'ghost', className: 'underline underline-offset-4' };\n            case 'default':\n            default:\n                return { variant: 'primary', buttonStyle: 'solid' };\n        }\n    };\n\n    const resolveMenuActionVariant = (\n        variant?: ActionVariant\n    ): NonNullable<MenuActionProps['variant']> => {\n        switch (variant) {\n            case 'default':\n                return 'primary';\n            case 'destructive':\n                return 'error';\n            default:\n                return 'secondary';\n        }\n    };\n\n    if (mode === 'inline') {\n        return (\n            <div className={cn('table-actions--component', 'flex items-center gap-1')}>\n                {sortedActions.map((action, idx) => {\n                    const key = action.id || `${action.label}-${idx}`;\n                    const resolved = resolveActionButtonVariant(action.variant ?? 'ghost');\n                    const onClick = () => {\n                        action.onClick?.(row);\n                    };\n                    return (\n                        <Button\n                            key={key}\n                            variant={resolved.variant}\n                            buttonStyle={resolved.buttonStyle}\n                            className={cn('h-8 text-inherit leading-4', resolved.className)}\n                            disabled={!!action.disabled}\n                            onClick={onClick}\n                        >\n                            {!!action.icon && <span className=\"mr-2 inline-flex\">{action.icon}</span>}\n                            {action.label}\n                        </Button>\n                    );\n                })}\n            </div>\n        );\n    }\n\n\n    // menu mode (default) using our ActionMenu implementation\n    return (\n        <ActionMenu\n            label={undefined}\n            icon={MoreHorizontal}\n            srText={resolvedMenuLabel || strings.actions.srLabel}\n            closeOnSelect={true}\n            align=\"end\"\n            density=\"table\"\n        >\n            {sortedActions.map((action, idx) => {\n                const key = action.id || `${action.label}-${idx}`;\n                const onClick = () => {\n                    action.onClick?.(row);\n                };\n                const menuIcon = resolveMenuIcon(action.icon);\n                const inlineIcon = action.icon\n                    ? <span className=\"inline-flex items-center\">{action.icon}</span>\n                    : null;\n                const fallbackContent = menuIcon ? null : (\n                    <div className=\"flex w-full items-center gap-2\">\n                        {inlineIcon}\n                        <span>{action.label}</span>\n                    </div>\n                );\n\n                const menuActionVariant = resolveMenuActionVariant(\n                    action.variant\n                );\n\n                return (\n                    <MenuAction\n                        key={key}\n                        label={action.label}\n                        icon={menuIcon}\n                        variant={menuActionVariant}\n                        disabled={!!action.disabled}\n                        onClick={onClick}\n                    >\n                        {fallbackContent}\n                    </MenuAction>\n                );\n            })}\n        </ActionMenu>\n    );\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 { 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 && row) {\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`;\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<div className=\"px-1\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\tclassName=\"size-3.5 rounded border-border text-primary accent-primary focus-visible:ring-ring focus-visible:ring-offset-1 cursor-pointer disabled:cursor-not-allowed disabled:opacity-40\"\n\t\t\tchecked={row.getIsSelected()}\n\t\t\tdisabled={!row.getCanSelect()}\n\t\t\tonChange={row.getToggleSelectedHandler()}\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<div className=\"px-1\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\tclassName=\"size-3.5 rounded border-border text-primary accent-primary focus-visible:ring-ring focus-visible:ring-offset-1 cursor-pointer\"\n\t\t\tchecked={table.getIsAllPageRowsSelected()}\n\t\t\tonChange={table.getToggleAllPageRowsSelectedHandler()}\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 { TableBody, TableCell, TableRow } from '@/components/ui/table';\nimport Text from '@/components/typography/text';\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\tdense = 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=\"h-24 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<div className=\"flex flex-col items-center justify-center py-12 space-y-2\">\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-center size-10 rounded-full bg-muted mb-1\">\n\t\t\t\t\t\t\t\t<svg className=\"size-5 text-muted-foreground/60\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\">\n\t\t\t\t\t\t\t\t\t<path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5m6 4.125l2.25 2.25m0 0l2.25-2.25M12 13.875V7.5M3.75 7.5h16.5\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{resolvedEmptyStateMessage}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{!!emptyStateAction && (\n\t\t\t\t\t\t\t\t<div className=\"mt-1\">{emptyStateAction}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\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-100',\n\t\t\t\t\t'hover:bg-accent/40 data-[state=selected]:bg-primary/5 data-[state=selected]:hover:bg-primary/10',\n\t\t\t\t\tcursorClass,\n\t\t\t\t\t'border-b border-border 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-5 last:pr-5',\n\t\t\t\t\t\t\t\t\tdense && 'py-1.5 px-2 first:pl-3 last:pr-3 text-xxs leading-3',\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 { TableHead, TableHeader, TableRow } from '@/components/ui/table';\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\tdense = false,\n\t\theaderTransparent = false,\n\t}: DataTableHeaderProps<TData>) {\n\n\tconst headerGroups = table.getHeaderGroups();\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=\"text-center border-r border-border/60 last:border-r-0 px-3 py-2 text-xxs font-bold uppercase tracking-widest text-muted-foreground/70 bg-muted/40\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{currentGroup || ''}\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\tcolSpan={groupSpan}\n\t\t\t\t\t\tclassName=\"text-center border-r border-border/60 last:border-r-0 px-3 py-2 text-xxs font-bold uppercase tracking-widest text-muted-foreground/70 bg-muted/40 whitespace-nowrap\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{currentGroup || ''}\n\t\t\t\t\t</TableHead>\n\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={cn(\n\t\t\t\tstickyHeader &&\n\t\t\t\t\t(headerTransparent\n\t\t\t\t\t\t? 'sticky top-[var(--topbar-height)] z-10 bg-background/80 backdrop-blur-md shadow-[0_1px_0_0_var(--border)]'\n\t\t\t\t\t\t: 'sticky top-[var(--topbar-height)] z-10 bg-muted backdrop-blur-md shadow-[0_1px_0_0_var(--border)]'),\n\t\t\t\theaderClassName,\n\t\t\t)}\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',\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 hover:bg-muted',\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'first:pl-5 last:pr-5',\n\t\t\t\t\t\t\tdense && 'px-2 py-1.5 first:pl-3 last:pr-3 text-xxs',\n\t\t\t\t\t\t\t'text-muted-foreground font-medium uppercase tracking-wider whitespace-nowrap',\n\t\t\t\t\t\t\t'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=\"flex items-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\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 inline-flex items-center gap-1.5 select-none -ml-1 px-1 rounded',\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-3 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\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 bg-foreground bg-opacity-50 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-600 bg-opacity-100',\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)}\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 { ChevronLeft, ChevronRight, Columns3, Maximize2, Minimize2 } from 'lucide-react';\nimport type { Column } from '@tanstack/react-table';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n    DropdownMenu,\n    DropdownMenuCheckboxItem,\n    DropdownMenuContent,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\nimport { defaultDataTableStrings } from './table.strings';\nimport { type DataTableToolbarProps } from './table.types';\n\nconst SCROLL_AMOUNT = 300;\n\nconst btnBase = 'inline-flex items-center justify-center h-7 w-7 rounded-none text-muted-foreground/70 hover:bg-muted hover:text-foreground transition-colors duration-150 disabled:opacity-30 disabled:pointer-events-none';\n\ninterface ToolbarIconButtonProps {\n    label: string;\n    onClick: () => void;\n    disabled?: boolean;\n    className?: string;\n    children: React.ReactNode;\n}\n\nfunction ToolbarIconButton({ label, onClick, disabled, className, children }: ToolbarIconButtonProps) {\n    return (\n        <button\n            type=\"button\"\n            aria-label={label}\n            className={cn('table-toolbar--component', btnBase, className)}\n            onClick={onClick}\n            disabled={disabled}\n        >\n            {children}\n        </button>\n    );\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    if (!tableArea) return null;\n    return tableArea.querySelector<HTMLDivElement>('[data-slot=\"table-container\"]');\n}\n\nexport function DataTableToolbar<TData>({\n    table,\n    tableAreaRef,\n    dense,\n    onDenseChange,\n    enableColumnVisibility = false,\n    strings = defaultDataTableStrings,\n}: DataTableToolbarProps<TData>) {\n    const [canScrollLeft, setCanScrollLeft] = useState(false);\n    const [canScrollRight, setCanScrollRight] = useState(false);\n    const rafRef = useRef(0);\n    const cleanupRef = useRef<(() => void) | null>(null);\n\n    // --- Scroll overflow detection ---\n    const checkOverflow = useCallback(() => {\n        const el = getScrollContainer(tableAreaRef.current);\n        if (!el) {\n            setCanScrollLeft(false);\n            setCanScrollRight(false);\n            return;\n        }\n        const { scrollLeft, scrollWidth, clientWidth } = el;\n        setCanScrollLeft(scrollLeft > 1);\n        setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);\n    }, [tableAreaRef]);\n\n    useEffect(() => {\n        // Defer slightly to ensure the Table primitive has rendered its container\n        const timerId = window.setTimeout(() => {\n            const el = getScrollContainer(tableAreaRef.current);\n            if (!el) return;\n\n            // Initial check\n            checkOverflow();\n\n            const handleScroll = () => {\n                cancelAnimationFrame(rafRef.current);\n                rafRef.current = requestAnimationFrame(checkOverflow);\n            };\n\n            el.addEventListener('scroll', handleScroll, { passive: true });\n\n            // ResizeObserver to detect when table width changes\n            const ro = new ResizeObserver(checkOverflow);\n            ro.observe(el);\n            if (el.firstElementChild) {\n                ro.observe(el.firstElementChild);\n            }\n\n            // Store cleanup references\n            cleanupRef.current = () => {\n                el.removeEventListener('scroll', handleScroll);\n                cancelAnimationFrame(rafRef.current);\n                ro.disconnect();\n            };\n        }, 0);\n\n        return () => {\n            window.clearTimeout(timerId);\n            cleanupRef.current?.();\n        };\n        // Re-run when dense mode changes (layout shift can affect overflow)\n\n    }, [tableAreaRef, checkOverflow, dense]);\n\n    // --- Scroll handlers ---\n    const handleScrollLeft = useCallback(() => {\n        getScrollContainer(tableAreaRef.current)?.scrollBy({ left: -SCROLL_AMOUNT, behavior: 'smooth' });\n    }, [tableAreaRef]);\n\n    const handleScrollRight = useCallback(() => {\n        getScrollContainer(tableAreaRef.current)?.scrollBy({ left: SCROLL_AMOUNT, behavior: 'smooth' });\n    }, [tableAreaRef]);\n\n    // --- Dense toggle ---\n    const handleDenseToggle = useCallback(() => {\n        onDenseChange(!dense);\n    }, [dense, onDenseChange]);\n\n    // --- Column visibility ---\n    const columns = enableColumnVisibility\n        ? table.getAllColumns().filter((column) => column.getCanHide())\n        : [];\n\n    const hasScrollArrows = canScrollLeft || canScrollRight;\n    const hasColumns = enableColumnVisibility && columns.length > 0;\n    const denseToggleLabel = dense\n        ? strings.toolbar.comfortable\n        : strings.toolbar.dense;\n\n    return (\n        <div className=\"flex items-center rounded-md border border-border bg-card\">\n            {/* Scroll arrows - only rendered when overflow exists */}\n            {!!hasScrollArrows && (\n                <>\n                    <ToolbarIconButton\n                        label={strings.toolbar.scrollLeft}\n                        onClick={handleScrollLeft}\n                        disabled={!canScrollLeft}\n                        className=\"rounded-l-[calc(theme(borderRadius.md)-1px)]\"\n                    >\n                        <ChevronLeft className=\"h-3.5 w-3.5\" />\n                    </ToolbarIconButton>\n                    <ToolbarIconButton\n                        label={strings.toolbar.scrollRight}\n                        onClick={handleScrollRight}\n                        disabled={!canScrollRight}\n                    >\n                        <ChevronRight className=\"h-3.5 w-3.5\" />\n                    </ToolbarIconButton>\n                    <div className=\"h-4 w-px bg-border\" />\n                </>\n            )}\n\n            {/* Column visibility dropdown */}\n            {!!hasColumns && (\n                <>\n                    <ColumnVisibilityDropdown\n                        columns={columns}\n                        strings={strings}\n                        roundLeft={!hasScrollArrows}\n                    />\n                    <div className=\"h-4 w-px bg-border\" />\n                </>\n            )}\n\n            {/* Dense/compact toggle */}\n            <ToolbarIconButton\n                label={denseToggleLabel}\n                onClick={handleDenseToggle}\n                className={cn(\n                    'rounded-r-[calc(theme(borderRadius.md)-1px)]',\n                    !hasScrollArrows && !hasColumns && 'rounded-l-[calc(theme(borderRadius.md)-1px)]',\n                )}\n            >\n                {dense\n                    ? <Maximize2 className=\"h-3.5 w-3.5\" />\n                    : <Minimize2 className=\"h-3.5 w-3.5\" />\n                }\n            </ToolbarIconButton>\n        </div>\n    );\n}\n\n/** Extracted dropdown to keep the parent component clean */\nfunction ColumnVisibilityDropdown<TData>({\n    columns,\n    strings,\n    roundLeft,\n}: {\n    columns: Array<Column<TData, unknown>>;\n    strings: NonNullable<DataTableToolbarProps<TData>['strings']>;\n    roundLeft: boolean;\n}) {\n    return (\n        <DropdownMenu>\n            <DropdownMenuTrigger\n                render={(triggerProps) => (\n                    <button\n                        {...triggerProps}\n                        type=\"button\"\n                        aria-label={strings.toolbar.columns}\n                        className={cn(\n                            btnBase,\n                            (triggerProps as Record<string, unknown>).className as string,\n                            roundLeft && 'rounded-l-[calc(theme(borderRadius.md)-1px)]',\n                        )}\n                    >\n                        <Columns3 className=\"h-3.5 w-3.5\" />\n                    </button>\n                )}\n            />\n            <DropdownMenuContent align=\"end\" className=\"w-[200px]\">\n                <DropdownMenuLabel>{strings.columnVisibility.title}</DropdownMenuLabel>\n                <DropdownMenuSeparator />\n                {columns.map((column) => {\n                    const header = column.columnDef.header;\n                    const columnName = strings.columnVisibility.formatLabel(\n                        column.id,\n                        typeof header === 'string' ? header : undefined,\n                    );\n\n                    return (\n                        <DropdownMenuCheckboxItem\n                            key={column.id}\n                            className=\"capitalize\"\n                            checked={column.getIsVisible()}\n                            onCheckedChange={(checked) => column.toggleVisibility(!!checked)}\n                        >\n                            {columnName}\n                        </DropdownMenuCheckboxItem>\n                    );\n                })}\n            </DropdownMenuContent>\n        </DropdownMenu>\n    );\n}\n\nDataTableToolbar.displayName = 'DataTableToolbar';\n","/**\n * DataTable — TanStack-powered data table with sorting, row selection, column\n * visibility, server-side pagination, dense 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 and dense mode persist to localStorage\n * when a `storageKey` is provided.\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\tuseReactTable,\n\ttype SortingState,\n\ttype VisibilityState,\n\ttype Updater,\n\ttype ColumnDef,\n\ttype RowSelectionState,\n} from '@tanstack/react-table';\nimport { createContext, useContext, useState, useMemo, useCallback, useRef } from 'react';\nimport { Table } from '@/components/ui/table';\nimport { useTableConfig } from '@/lib/ui-provider';\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 size = useDataTableSize();\n *   return <Text className=\"data-table--component\" size={size}>{value}</Text>;\n *\n * The built-in renderers in `partials/cell-renderers` consume this hook.\n */\nconst DataTableSizeContext = createContext<'xs' | 'sm' | 'base'>('xs');\n\nexport function useDataTableSize(): 'xs' | 'sm' | 'base' {\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, handleSortingChange, handleColumnVisibilityChange } from './table-helpers';\nimport { mergeDataTableStrings } from './table.strings';\nimport { type DataTableProps } from './table.types';\nimport { Separator } from '@/components/base/display/separator';\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 cells stay at `text-xxs` regardless of body density — the\n// canonical admin pattern is \"tiny uppercase eyebrow header,\n// variable body density.\" A consumer who wants matched header sizing\n// can override via `headerClassName`.\nconst sizeClassByDataTableSize: Record<NonNullable<DataTableProps<object, unknown>['size']>, string> = {\n\txs:   '[&_th]:text-xxs [&_td]:text-xs   [&_th]:py-1.5 [&_td]:py-1.5 [&_th]:px-2   [&_td]:px-2   [&_th]:h-8',\n\tsm:   '[&_th]:text-xxs [&_td]:text-sm   [&_th]:py-2   [&_td]:py-2   [&_th]:px-2.5 [&_td]:px-2.5 [&_th]:h-10',\n\tbase: '[&_th]:text-xs  [&_td]:text-base [&_th]:py-3   [&_td]:py-3   [&_th]:px-3   [&_td]:px-3   [&_th]:h-12',\n};\n\nexport function DataTable<TData extends object, TValue = unknown>({\n\tsize,\n\tsurface = 'card',\n\theaderTransparent = false,\n\tcolumns,\n\tdata,\n\tcolumnGroups,\n\trowActions,\n\trowActionsMenuLabel,\n\trowActionsDisplayMode,\n\trowActionsBreakpoint,\n\tenableSorting = false,\n\tmanualSorting = false,\n\tenableColumnVisibility = false,\n\tenableRowSelection = false,\n\tenableMultiRowSelection = true,\n\tenableSubRowSelection = false,\n\tpagination,\n\tpageQueryKey,\n\tonPageChange,\n\tonSort,\n\tonRowClick,\n\tonRowSelectionChange,\n\tstickyHeader = false,\n\tstickyFirstColumn = false,\n\temptyStateMessage,\n\temptyStateAction,\n\tclassName = '',\n\trowClassName = '',\n\tcellClassName = '',\n\theaderClassName = '',\n\twrapperClassName = '',\n\tinnerClassName = 'overflow-hidden',\n\ttableContainerClassName = '',\n\tgetRowId,\n\trowSelection: controlledRowSelection,\n\tinitialState,\n\tonColumnVisibilityChange,\n\tstrings: stringsOverride,\n\ttopbarContent,\n\tstorageKey,\n}: DataTableProps<TData, TValue>) {\n\tconst { defaultSize } = useTableConfig();\n\tconst resolvedSize: NonNullable<DataTableProps<TData, TValue>['size']> =\n\t\tsize ?? defaultSize ?? 'xs';\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 resolvedRowActionsMenuLabel =\n\t\trowActionsMenuLabel ?? strings.actions.triggerLabel;\n\tconst resolvedPageQueryKey = pageQueryKey ?? 'page';\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// --- Dense mode storage key ---\n\tconst denseStorageKey = useMemo(() => {\n\t\treturn storageKey ? `dt.${storageKey}.dense` : null;\n\t}, [storageKey]);\n\n\t// --- Load initial column visibility from localStorage if persistence enabled ---\n\tconst initialColumnVisibility = useMemo<VisibilityState>(() => {\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 initialState?.columnVisibility || {};\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// Merge with initialState if provided\n\t\t\treturn { ...parsed, ...(initialState?.columnVisibility || {}) };\n\t\t} catch {\n\t\t\t// If parsing fails, fall back to initialState\n\t\t\treturn initialState?.columnVisibility || {};\n\t\t}\n\t}, [formattedStorageKey, initialState?.columnVisibility]);\n\n\t// --- Load initial dense mode from localStorage ---\n\tconst initialDense = useMemo(() => {\n\t\tif (!denseStorageKey || typeof window === 'undefined') return false;\n\t\ttry {\n\t\t\treturn window.localStorage.getItem(denseStorageKey) === '1';\n\t\t} catch {\n\t\t\treturn false;\n\t\t}\n\t}, [denseStorageKey]);\n\n\t// --- State for sorting, visibility, and dense mode ---\n\tconst [sorting, setSorting] = useState<SortingState>(initialState?.sorting || []);\n\tconst [columnVisibility, setColumnVisibility] = useState<VisibilityState>(\n\t\tinitialColumnVisibility,\n\t);\n\tconst [internalRowSelection, setInternalRowSelection] = useState<RowSelectionState>(\n\t\tinitialState?.rowSelection || {},\n\t);\n\tconst [dense, setDense] = useState(initialDense);\n\tconst rowSelection = controlledRowSelection ?? internalRowSelection;\n\n\t// --- Refs ---\n\tconst tableAreaRef = useRef<HTMLDivElement>(null);\n\n\t// --- Callbacks ---\n\tconst handleSortingChangeCallback = useCallback(\n\t\t(updater: Updater<SortingState>) => {\n\t\t\thandleSortingChange(updater, setSorting, onSort);\n\t\t},\n\t\t[onSort],\n\t);\n\n\tconst handleVisibilityChangeCallback = useCallback(\n\t\t(updater: Updater<VisibilityState>) => {\n\t\t\thandleColumnVisibilityChange(\n\t\t\t\tupdater,\n\t\t\t\tsetColumnVisibility,\n\t\t\t\t(newState) => {\n\t\t\t\t\t// Persist to localStorage if enabled\n\t\t\t\t\tif (formattedStorageKey && typeof window !== 'undefined') {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\twindow.localStorage.setItem(\n\t\t\t\t\t\t\t\tformattedStorageKey,\n\t\t\t\t\t\t\t\tJSON.stringify(newState),\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\t// Silent fail - quota exceeded or other localStorage errors\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Call user-provided handler\n\t\t\t\t\tif (onColumnVisibilityChange) {\n\t\t\t\t\t\tonColumnVisibilityChange(newState);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t);\n\t\t},\n\t\t[formattedStorageKey, onColumnVisibilityChange],\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 handleDenseChange = useCallback(\n\t\t(value: boolean) => {\n\t\t\tsetDense(value);\n\t\t\tif (denseStorageKey && typeof window !== 'undefined') {\n\t\t\t\ttry {\n\t\t\t\t\twindow.localStorage.setItem(denseStorageKey, value ? '1' : '0');\n\t\t\t\t} catch {\n\t\t\t\t\t// Silent fail\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[denseStorageKey],\n\t);\n\n\tconst columnsWithActions = useMemo<ColumnDef<TData, TValue>[]>(() => {\n\t\tconst baseColumns = enableRowSelection\n\t\t\t? addSelectionColumn<TData, TValue>(resolvedColumns, strings)\n\t\t\t: resolvedColumns;\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={resolvedRowActionsMenuLabel}\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\tenableRowSelection,\n\t\trowActions,\n\t\tresolvedRowActionsMenuLabel,\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 },\n\t\tenableSorting,\n\t\tmanualSorting,\n\t\tenableRowSelection,\n\t\tenableMultiRowSelection,\n\t\tenableSubRowSelection,\n\t\tonSortingChange:\n\t\t\tenableSorting && manualSorting ? handleSortingChangeCallback : undefined,\n\t\tonRowSelectionChange:\n\t\t\tenableRowSelection ? handleRowSelectionChangeCallback : undefined,\n\t\tonColumnVisibilityChange: handleVisibilityChangeCallback,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tgetRowId,\n\t});\n\n\t// --- Determine server pagination ---\n\tconst shouldShow = pagination && pagination.last_page > 1;\n\n\tconst Provider = DataTableSizeContext.Provider;\n\n\treturn (\n\t\t<Provider value={resolvedSize}>\n\t\t<div className={cn(\n\t\t\tdense\n\t\t\t\t? 'fixed inset-0 z-50 bg-background flex flex-col overflow-hidden p-6'\n\t\t\t\t: cn(\n\t\t\t\t\t'w-full',\n\t\t\t\t\tsurface === 'card' &&\n\t\t\t\t\t\t'rounded-xl overflow-hidden border border-border bg-card shadow-[0_1px_3px_0_rgb(0_0_0/0.04)]',\n\t\t\t\t\tsurface === 'glass' &&\n\t\t\t\t\t\t'rounded-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{!!(topbarContent || enableColumnVisibility) && (\n\t\t\t\t<div className=\"relative\">\n\n                    <div className={cn(\n                        'data-table-topbar flex items-end justify-between gap-4 px-5 py-3.5',\n                        dense ? 'mb-3 shrink-0' : 'mb-0',\n                    )}>\n                        <div className=\"data-table-topbar-left flex-1\">{topbarContent}</div>\n                        <div className=\"data-table-topbar-right flex items-center justify-end\">\n                            <DataTableToolbar\n                                table={table}\n                                tableAreaRef={tableAreaRef}\n                                dense={dense}\n                                onDenseChange={handleDenseChange}\n                                enableColumnVisibility={enableColumnVisibility}\n                                strings={strings}\n                            />\n                        </div>\n\n                    </div>\n                    <Separator />\n                </div>\n\t\t\t)}\n\n\n\t\t\t<div\n\t\t\t\tref={tableAreaRef}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'',\n\t\t\t\t\tdense ? 'flex-1 overflow-auto min-h-0' : innerClassName,\n\t\t\t\t)}\n\t\t\t>\n\n\t\t\t\t<Table className={cn(\n\t\t\t\t\t'relative',\n\t\t\t\t\tsizeClassByDataTableSize[resolvedSize],\n\t\t\t\t\tclassName,\n\t\t\t\t)} containerClassName={tableContainerClassName}>\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\tdense={dense}\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\tdense={dense}\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                    <Separator />\n                    <Pagination\n                        pagination={pagination}\n                        onPageChange={onPageChange}\n                        pageQueryKey={resolvedPageQueryKey}\n                        labels={strings.pagination}\n                    />\n                </>\n\t\t\t)}\n\t\t</div>\n\t\t</Provider>\n\t);\n}\n\nDataTable.displayName = 'DataTable';\n","import { Button } from '@/components/base/buttons';\nimport { Input } from '@/components/base/forms/fields';\nimport {\n\tDropdownMenu,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuContent,\n\tDropdownMenuLabel,\n\tDropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\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-4')}>\n\t\t\t<div className=\"flex flex-1 items-center space-x-2\">\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<DropdownMenu>\n\t\t\t\t\t\t<DropdownMenuTrigger\n\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\t\t\tclassName=\"ml-auto\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{strings.columnVisibility.triggerLabel}\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<DropdownMenuContent align=\"end\">\n\t\t\t\t\t\t\t<DropdownMenuLabel>{strings.columnVisibility.title}</DropdownMenuLabel>\n\t\t\t\t\t\t\t{table\n\t\t\t\t\t\t\t\t.getAllColumns()\n\t\t\t\t\t\t\t\t.filter((column) => column.getCanHide())\n\t\t\t\t\t\t\t\t.map((column) => {\n\t\t\t\t\t\t\t\t\tconst header = column.columnDef.header;\n\t\t\t\t\t\t\t\t\tconst columnName = strings.columnVisibility.formatLabel(\n\t\t\t\t\t\t\t\t\t\tcolumn.id,\n\t\t\t\t\t\t\t\t\t\ttypeof header === 'string' ? header : undefined,\n\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\t\t\t\t\t\tkey={column.id}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"capitalize\"\n\t\t\t\t\t\t\t\t\t\t\tchecked={column.getIsVisible()}\n\t\t\t\t\t\t\t\t\t\t\tonCheckedChange={(checked) =>\n\t\t\t\t\t\t\t\t\t\t\t\tcolumn.toggleVisibility(!!checked)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{columnName}\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuCheckboxItem>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t)}\n\t\t</div>\n\t);\n}\n\nDataTableFilterBar.displayName = 'DataTableFilterBar';\n","import { Button } from '@/components/base/buttons';\nimport Text from '@/components/typography/text';\nimport { defaultDataTableStrings } from './table.strings';\nimport { type DataTablePaginationProps } from './table.types';\n\nimport { cn } from '@/lib/utils';\nexport function DataTablePagination({ table, selectedRowCount, totalRowCount, strings = defaultDataTableStrings }: DataTablePaginationProps) {\n    // Use provided counts or get from table\n    const selected = selectedRowCount ?? table.getFilteredSelectedRowModel().rows.length;\n    const total = totalRowCount ?? table.getFilteredRowModel().rows.length;\n    const summary = strings.selection.summary(selected, total);\n\n    return (\n        <div className={cn('table-pagination--component', 'flex items-center justify-end space-x-2 px-4 py-4')}>\n            <div className=\"flex-1\">\n                <Text type=\"secondary\">\n                    {summary}\n                </Text>\n            </div>\n            <Button variant=\"secondary\" buttonStyle=\"outline\" onClick={() => table.previousPage()} disabled={!table.getCanPreviousPage()}>\n                {strings.pagination.previous}\n            </Button>\n            <Button variant=\"secondary\" buttonStyle=\"outline\" onClick={() => table.nextPage()} disabled={!table.getCanNextPage()}>\n                {strings.pagination.next}\n            </Button>\n        </div>\n    );\n}\n\nDataTablePagination.displayName = 'DataTablePagination';\n","import { Settings2 } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport {\n    DropdownMenu,\n    DropdownMenuCheckboxItem,\n    DropdownMenuContent,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDataTableStrings } from './table.strings';\nimport { type ColumnVisibilityToggleProps } from './table.types';\n\nexport function ColumnVisibilityToggle<TData>({\n    table,\n    className,\n    align = 'end',\n    strings = defaultDataTableStrings,\n}: ColumnVisibilityToggleProps<TData>) {\n    const columns = table.getAllColumns()\n        .filter((column) => column.getCanHide());\n\n    if (columns.length === 0) return null;\n\n    return (\n        <DropdownMenu>\n            <DropdownMenuTrigger\n                render={(triggerProps) => (\n                    <Button\n                        {...triggerProps}\n                        variant=\"secondary\"\n                        buttonStyle=\"outline\"\n                        className={cn(\n                            'column-visibility-toggle--component',\n                            'h-8 flex items-center gap-2',\n                             \n                            (triggerProps as { className?: string }).className,\n                            className,\n                        )}\n                    >\n                        { }\n                        {(triggerProps as { children?: React.ReactNode }).children}\n                    </Button>\n                )}\n            >\n                <Settings2 className=\"h-4 w-4\" />\n                <span className=\"hidden sm:inline\">{strings.columnVisibility.triggerLabel}</span>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align={align} className=\"w-[200px]\">\n                <DropdownMenuLabel>{strings.columnVisibility.title}</DropdownMenuLabel>\n                <DropdownMenuSeparator />\n                {columns.map((column) => {\n                    const header = column.columnDef.header;\n                    const columnName = strings.columnVisibility.formatLabel(\n                        column.id,\n                        typeof header === 'string' ? header : undefined,\n                    );\n\n                    return (\n                        <DropdownMenuCheckboxItem\n                            key={column.id}\n                            className=\"capitalize\"\n                            checked={column.getIsVisible()}\n                            onCheckedChange={(checked) => column.toggleVisibility(!!checked)}\n                        >\n                            {columnName}\n                        </DropdownMenuCheckboxItem>\n                    );\n                })}\n            </DropdownMenuContent>\n        </DropdownMenu>\n    );\n}\n\nColumnVisibilityToggle.displayName = 'ColumnVisibilityToggle';\n","import type { ReactNode } from 'react';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\ninterface CellValueProps {\n    /** The value to display. When falsy, renders fallback with muted styling. */\n    value?: string | number | null | undefined;\n    /** Text shown when value is missing. Defaults to '--'. */\n    fallback?: string;\n    /** Force missing state regardless of value truthiness. */\n    missing?: boolean;\n    /** Additional class names (e.g. 'tabular-nums', 'font-mono'). */\n    className?: string;\n    /** Children override — when provided, renders children directly with missing styling applied. */\n    children?: ReactNode;\n}\n\n/**\n * Table cell value with automatic missing-value treatment.\n *\n * When the value is falsy (or `missing` is explicitly true), renders\n * the fallback text at reduced opacity. Otherwise renders the value\n * with inherited table cell styling.\n *\n * @example\n * // Auto-detect missing\n * <CellValue value={phone} fallback={t('shared.tables.ui.empty')} />\n *\n * // Explicit missing flag\n * <CellValue missing={!defaultBusiness} fallback={t('vendors.tables.ui.no_default_business')} />\n *\n * // With formatting class\n * <CellValue value={date} className=\"tabular-nums\" />\n *\n * // Custom children with missing styling\n * <CellValue missing={!phone}>\n *   {phone || 'No items to display'}\n * </CellValue>\n */\nexport function CellValue({ value, fallback = '--', missing, className, children }: CellValueProps) {\n    const isMissing = missing ?? (value === null || value === undefined || value === '');\n\n    if (children !== undefined) {\n        return (\n            <Text\n                tag=\"span\"\n                size=\"inherit\"\n                type={isMissing ? 'secondary' : 'main'}\n                className={cn(isMissing && 'opacity-60', className)}\n            >\n                {children}\n            </Text>\n        );\n    }\n\n    if (isMissing) {\n        return (\n            <Text tag=\"span\" size=\"inherit\" type=\"secondary\" className={cn('opacity-60', className)}>\n                {fallback}\n            </Text>\n        );\n    }\n\n    return (\n        <Text tag=\"span\" size=\"inherit\" className={className}>\n            {String(value)}\n        </Text>\n    );\n}\n\nCellValue.displayName = 'CellValue';\n","import type { AnchorHTMLAttributes } from 'react';\n\ntype TableLinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;\n\nexport const TableLink = (props: TableLinkProps) => {\n\treturn (\n\t\t<a\n\t\t\tclassName=\"text-foreground underline decoration-border decoration-dotted underline-offset-2 transition-colors duration-150 hover:text-foreground hover:decoration-muted-foreground\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{props.children}\n\t\t</a>\n\t);\n};\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 ComposedBadgeVariant } from '@/components/base/badge';\nimport { Text } from '@/components/typography';\nimport { EMPTY } from '@/lib/format';\nimport { cn } from '@/lib/utils';\n\n// ──────────────────────────────────────────────────────────────\n// StatusCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface StatusCellEntry {\n\tlabel: ReactNode;\n\tvariant?: ComposedBadgeVariant;\n\ticon?: LucideIcon;\n\tdot?: boolean;\n}\n\nexport interface StatusCellProps<TStatus extends string> {\n\tvalue?: TStatus | null;\n\tmap: Record<TStatus, StatusCellEntry>;\n\temptyLabel?: ReactNode;\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('opacity-60', 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\tvariant={entry.variant ?? 'secondary'}\n\t\t\tclassName={cn('gap-1.5', className)}\n\t\t>\n\t\t\t{!!Icon && <Icon className=\"size-3\" />}\n\t\t\t{entry.label}\n\t\t</Badge>\n\t);\n}\n\nStatusCell.displayName = 'StatusCell';\n\n// ──────────────────────────────────────────────────────────────\n// DateCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface DateCellProps {\n\tvalue?: string | number | Date | null;\n\t/** A Intl.DateTimeFormatOptions preset. Default: short month + day + year. */\n\toptions?: Intl.DateTimeFormatOptions;\n\tlocale?: string;\n\tshowIcon?: boolean;\n\ticon?: ComponentType<{ className?: string }>;\n\temptyLabel?: ReactNode;\n\tclassName?: string;\n}\n\nconst DEFAULT_DATE_OPTIONS: Intl.DateTimeFormatOptions = {\n\tmonth: 'short',\n\tday: 'numeric',\n\tyear: 'numeric',\n};\n\nexport function DateCell({\n\tvalue,\n\toptions = DEFAULT_DATE_OPTIONS,\n\tlocale,\n\tshowIcon = true,\n\ticon: IconComponent = Calendar,\n\temptyLabel = EMPTY,\n\tclassName,\n}: DateCellProps) {\n\tif (value === null || value === undefined || value === '') {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('opacity-60', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\tconst date = value instanceof Date ? value : new Date(value);\n\tif (Number.isNaN(date.getTime())) {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('opacity-60', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\tconst formatter = new Intl.DateTimeFormat(locale, options);\n\treturn (\n\t\t<span className={cn('inline-flex items-center gap-1.5 tabular-nums', className)}>\n\t\t\t{!!showIcon && <IconComponent className=\"size-3.5 text-muted-foreground\" />}\n\t\t\t<Text size=\"inherit\" type=\"secondary\">\n\t\t\t\t{formatter.format(date)}\n\t\t\t</Text>\n\t\t</span>\n\t);\n}\n\nDateCell.displayName = 'DateCell';\n\n// ──────────────────────────────────────────────────────────────\n// CurrencyCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface CurrencyCellProps {\n\tvalue?: number | string | null;\n\tcurrency?: string;\n\tlocale?: string;\n\temptyLabel?: ReactNode;\n\tclassName?: string;\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\tconst numeric = typeof value === 'number' ? value : Number.parseFloat(String(value ?? ''));\n\tif (!Number.isFinite(numeric)) {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('opacity-60', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\tconst formatted = currency\n\t\t? new Intl.NumberFormat(locale, {\n\t\t\t\tstyle: 'currency',\n\t\t\t\tcurrency,\n\t\t\t\tmaximumFractionDigits: 2,\n\t\t\t}).format(numeric)\n\t\t: numeric.toFixed(2);\n\treturn (\n\t\t<Text\n\t\t\ttag=\"span\"\n\t\t\tsize=\"inherit\"\n\t\t\tweight={weight}\n\t\t\tclassName={cn('tabular-nums', className)}\n\t\t>\n\t\t\t{formatted}\n\t\t</Text>\n\t);\n}\n\nCurrencyCell.displayName = 'CurrencyCell';\n\n// ──────────────────────────────────────────────────────────────\n// AvatarCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface AvatarCellProps {\n\tname?: string | null;\n\timageUrl?: string;\n\ticon?: ComponentType<{ className?: string }>;\n\tsubtitle?: ReactNode;\n\temptyLabel?: ReactNode;\n\tclassName?: string;\n}\n\nfunction getInitials(name: string): string {\n\treturn name\n\t\t.split(/\\s+/)\n\t\t.filter(Boolean)\n\t\t.slice(0, 2)\n\t\t.map((p) => p[0]!.toUpperCase())\n\t\t.join('');\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('opacity-60', 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('inline-flex items-center gap-2', className)}>\n\t\t\t<span className=\"relative inline-flex size-7 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=\"xs\" weight=\"semibold\" className=\"leading-none\">\n\t\t\t\t\t\t{getInitials(name)}\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<IconComponent className=\"size-3.5\" />\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=\"xs\" 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","/**\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 / dense toggle 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\tconst timerId = window.setTimeout(() => {\n\t\t\tconst el = getDataTableScrollContainer(tableAreaRef.current);\n\t\t\tif (!el) return;\n\n\t\t\tmeasure();\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\treturn () => {\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 () => window.clearTimeout(timerId);\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\n/**\n * localStorage-backed boolean state for the dense / comfortable toggle.\n * `null` storageKey disables persistence (the value is purely in-memory).\n */\nexport function usePersistentDensity(\n\tstorageKey: string | null,\n\tdefaultDense = false,\n): [boolean, (next: boolean) => void] {\n\tconst initial = (() => {\n\t\tif (!storageKey || typeof window === 'undefined') return defaultDense;\n\t\ttry {\n\t\t\tconst raw = window.localStorage.getItem(storageKey);\n\t\t\tif (raw === '1') return true;\n\t\t\tif (raw === '0') return false;\n\t\t\treturn defaultDense;\n\t\t} catch {\n\t\t\treturn defaultDense;\n\t\t}\n\t})();\n\n\tconst [dense, setDenseState] = useState(initial);\n\n\tconst setDense = useCallback(\n\t\t(next: boolean) => {\n\t\t\tsetDenseState(next);\n\t\t\tif (storageKey && typeof window !== 'undefined') {\n\t\t\t\ttry {\n\t\t\t\t\twindow.localStorage.setItem(storageKey, next ? '1' : '0');\n\t\t\t\t} catch {\n\t\t\t\t\t/* ignore quota / disabled-storage errors */\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[storageKey],\n\t);\n\n\treturn [dense, setDense];\n}\n","/**\n * DensityToggle — small icon button that flips between \"dense\" and\n * \"comfortable\" table modes. Stateless: render-time `dense` boolean +\n * `onChange` callback. Pair with `usePersistentDensity` from `../hooks`\n * when you want to persist the choice to localStorage.\n *\n * Used internally by `DataTableToolbar`; exposed for consumers building\n * custom toolbars.\n */\nimport { Maximize2, Minimize2 } from 'lucide-react';\nimport { cn } from '@/lib/utils';\n\nconst buttonClass =\n\t'inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-30';\n\nexport interface DensityToggleProps {\n\tdense: boolean;\n\tonChange: (next: boolean) => void;\n\tdenseLabel?: string;\n\tcomfortableLabel?: string;\n\tclassName?: string;\n}\n\nexport function DensityToggle({\n\tdense,\n\tonChange,\n\tdenseLabel = 'Dense',\n\tcomfortableLabel = 'Comfortable',\n\tclassName,\n}: DensityToggleProps) {\n\tconst label = dense ? comfortableLabel : denseLabel;\n\tconst Icon = dense ? Maximize2 : Minimize2;\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\taria-label={label}\n\t\t\taria-pressed={dense}\n\t\t\tonClick={() => onChange(!dense)}\n\t\t\tclassName={cn(buttonClass, className)}\n\t\t>\n\t\t\t<Icon className=\"size-3.5\" />\n\t\t</button>\n\t);\n}\n\nDensityToggle.displayName = 'DensityToggle';\n"],"mappings":";;;;;;;;;;;;;;;AAQA,SAAS,GAAM,EAAE,cAAW,uBAAoB,GAAG,KAAqB;AACtE,QACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,mCAAmC,EAAmB;YAEpE,kBAAC,SAAD;GACE,aAAU;GACV,WAAW,EAAG,iCAAiC,EAAU;GACzD,GAAI;GACJ,CAAA;EACE,CAAA;;AAIV,SAAS,GAAY,EAAE,cAAW,GAAG,KAAwC;AAC3E,QACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,mBAAmB,EAAU;EAC3C,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAU,EAAE,cAAW,GAAG,KAAwC;AACzE,QACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,8BAA8B,EAAU;EACtD,GAAI;EACJ,CAAA;;AAcN,SAAS,EAAS,EAAE,cAAW,GAAG,KAAqC;AACrE,QACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,+EAA+E,EAAU;EACvG,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAU,EAAE,cAAW,GAAG,KAAqC;AACtE,QACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,gHAAgH,EAAU;EACxI,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAU,EAAE,cAAW,GAAG,KAAqC;AACtE,QACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,oEAAoE,EAAU;EAC5F,GAAI;EACJ,CAAA;;;;ACzEN,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;AACxE,QACE,kBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,EACT,sCACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAkB,EACzB,cACA,GAAG,KAC0B;AAC7B,QACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,2BAA2B,EAAU;EACnD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAe,EAAE,GAAG,KAAqC;AAChE,QAAO,kBAAC,MAAD;EAAI,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAQtD,SAAS,EAAe,EACtB,cACA,aACA,UAAO,QACP,GAAG,KACmB;AACtB,QACE,kBAAC,GAAD;EACE,SAAS,IAAW,YAAY;EAC1B;EACN,WAAW,EAAG,EAAU;EACxB,cAAc;EACd,QACE,kBAAC,KAAD;GACE,gBAAc,IAAW,SAAS,KAAA;GAClC,aAAU;GACV,eAAa;GACb,GAAI;GACJ,CAAA;EAEJ,CAAA;;AAIN,SAAS,EAAmB,EAC1B,cACA,UAAO,YACP,GAAG,KAC+D;AAClE,QACE,kBAAC,GAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,EAAG,SAAS,EAAU;EACjC,GAAI;YAJN,CAME,kBAAC,IAAD,EAAiB,aAAU,gBAAiB,CAAA,EAC5C,kBAAC,QAAD;GAAM,WAAU;aACb;GACI,CAAA,CACQ;;;AAIrB,SAAS,GAAe,EACtB,cACA,UAAO,QACP,GAAG,KAC+D;AAClE,QACE,kBAAC,GAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,EAAG,SAAS,EAAU;EACjC,GAAI;YAJN,CAME,kBAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,EAC/C,kBAAC,GAAD,EAAkB,aAAU,cAAe,CAAA,CAC5B;;;AAIrB,SAAS,GAAmB,EAC1B,cACA,GAAG,KAC4B;AAC/B,QACE,kBAAC,QAAD;EACE,eAAA;EACA,aAAU;EACV,WAAW,EACT,4GACA,EACD;EACD,GAAI;YAPN,CASE,kBAAC,IAAD,EACE,CAAA,EACF,kBAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC;;;;;ACxHX,IAAM,KAAqB,MAA0B;CACjD,IAAM,IAAY,EACb,QAAQ,UAAU,IAAI,CACtB,QAAQ,QAAQ,IAAI,CACpB,MAAM;AAMX,QAJK,IAIE,EAAU,QAAQ,UAAU,MAAS,EAAK,aAAa,CAAC,GAHpD;GAcF,IAA4C;CACrD,YAAY,EACR,SAAS,qBACZ;CACD,SAAS;EACL,cAAc;EACd,SAAS;EACZ;CACD,QAAQ;EACJ,mBAAmB;EACnB,eAAe;EAClB;CACD,kBAAkB;EACd,OAAO;EACP,cAAc;EACd,cAvBmB,GAAkB,MACrC,KAAgB,EAAa,MAAM,CAAC,SAAS,IACtC,IAGJ,EAAkB,EAAS;EAmBjC;CACD,SAAS;EACL,YAAY;EACZ,aAAa;EACb,SAAS;EACT,OAAO;EACP,aAAa;EAChB;CACD,YAAY;EACR,SAAS;EACT,IAAI;EACJ,IAAI;EACJ,SAAS;EACT,UAAU;EACV,MAAM;EACN,MAAM;EACN,aAAa;EACb,WAAW;EACd;CACD,WAAW;EACP,UAAU,GAAU,MAAU,GAAG,EAAS,MAAM,EAAM,MAAM,MAAU,IAAI,KAAK,IAAI;EACnF,MAAM,MAAU,cAAc,IAAQ;EACtC,WAAW;EACd;CACJ,EAEK,KAAiC,GAAa,OAA+B;CAC/E,GAAG;CACH,GAAI,KAAa,EAAE;CACtB,GAEY,MAAyB,MAC7B,IAIE;CACH,YAAY,EAAY,EAAwB,YAAY,EAAU,WAAW;CACjF,SAAS,EAAY,EAAwB,SAAS,EAAU,QAAQ;CACxE,QAAQ,EAAY,EAAwB,QAAQ,EAAU,OAAO;CACrE,kBAAkB,EAAY,EAAwB,kBAAkB,EAAU,iBAAiB;CACnG,SAAS,EAAY,EAAwB,SAAS,EAAU,QAAQ;CACxE,YAAY,EAAY,EAAwB,YAAY,EAAU,WAAW;CACjF,WAAW,EAAY,EAAwB,WAAW,EAAU,UAAU;CACjF,GAXU;;;ACnDf,SAAS,EACR,GACA,GAC0B;AAC1B,KAAI,KAAY,EACf,QAAO,MAAM,KAAK,EAAE,QAAQ,GAAU,GAAG,GAAG,MAAM,IAAI,EAAE;CAGzD,IAAM,IAAiC,CAAC,EAAE;AAE1C,CAAI,IAAc,KACjB,EAAM,KAAK,WAAW;CAGvB,IAAM,IAAQ,KAAK,IAAI,GAAG,IAAc,EAAE,EACpC,IAAM,KAAK,IAAI,IAAW,GAAG,IAAc,EAAE;AAEnD,MAAK,IAAI,IAAI,GAAO,KAAK,GAAK,IAC7B,GAAM,KAAK,EAAE;AASd,QANI,IAAc,IAAW,KAC5B,EAAM,KAAK,WAAW,EAGvB,EAAM,KAAK,EAAS,EAEb;;AAGR,SAAS,EAAa,GAAkB,GAAc,GAA0B;CAK/E,IAAM,IAAS,IAAI,iBAAiB;AAEpC,QADA,EAAO,IAAI,GAAU,OAAO,EAAK,CAAC,EAC3B,GAAG,EAAS,GAAG,EAAO,UAAU;;AAGxC,SAAgB,GAAW,EAC1B,eACA,iBACA,YAAS,EAAE,EACX,mBACyB;CACzB,IAAM,IAAmB;EACxB,GAAG,EAAwB;EAC3B,GAAG;EACH,EACK,IAAW,KAAgB,QAE3B,KAAa,EAAW,eAAe,KAAK,EAAW,WAAW,GAClE,IAAW,KAAK,IACrB,EAAW,eAAe,EAAW,UACrC,EAAW,MACX,EAEK,IAAiB,GACrB,GAAc,MAAuB;AAChC,OAML,IAAe,GAAM,GAAK,EAAW,QAAQ,GAAG;IAEjD,CAAC,GAAc,EAAW,KAAK,CAC/B,EAEK,IAAc,EAAW,kBAAkB,MAC3C,IAAU,EAAW,kBAAkB,MACvC,IAAQ,EAAoB,EAAW,cAAc,EAAW,UAAU;AAEhF,QACC,kBAAC,OAAD;EAAK,WAAW,EAAG,yBAAyB,8CAA8C;YAA1F,CACC,kBAAC,GAAD;GAAM,MAAK;GAAK,MAAK;GAAY,WAAU;aAA3C;IACC,kBAAC,GAAD;KAAM,KAAI;KAAO,QAAO;KAAS,WAAU;eAA3C;MAA8D;MAAU;MAAQ;MAAgB;;IAAC;IAChG,EAAiB;IAAI;IACtB,kBAAC,GAAD;KAAM,KAAI;KAAO,QAAO;KAAS,WAAU;eAAmB,EAAW;KAAa,CAAA;IAAC;IACtF,EAAiB;IACZ;MAEP,kBAAC,GAAD;GAAgB,cAAY,EAAiB;GAAW,WAAU;aACjE,kBAAC,GAAD;IAAmB,WAAU;cAA7B;KACC,kBAAC,GAAD,EAAA,UACC,kBAAC,GAAD;MACC,MAAM,EAAiB;MACvB,MAAK;MACL,UAAU,MAAwB;AAEjC,OADA,EAAE,gBAAgB,EAClB,EACC,EAAW,eAAe,GAC1B,EAAW,cACX;;MAEF,iBAAe,CAAC;MAChB,WAAW,eAAgB,IAAiD,KAAnC;MACxC,CAAA,EACc,CAAA;KAEhB,EAAM,KAAK,GAAM,MAAU;MAC3B,IAAM,IAAa,MAAS,YACtB,IAAU,IACb,YAAY,EAAW,aAAa,GAAG,MACvC,QAAQ;AAEX,aACA,kBAAC,GAAD,EAAA,UACE,IACA,kBAAC,IAAD,EAAoB,WAAU,UAAW,CAAA,GAEzC,kBAAC,GAAD;OACC,MAAK;OACL,UAAU,MAAS,EAAW;OAC9B,UAAU,MAAwB;AAEjC,QADA,EAAE,gBAAgB,EAClB,EACC,GACA,EAAa,EAAW,MAAM,GAAM,EAAS,CAC7C;;OAEF,WAAU;iBAET;OACe,CAAA,EAEF,EAnBI,EAmBJ;OAEhB;KAEF,kBAAC,GAAD,EAAA,UACC,kBAAC,IAAD;MACC,MAAM,EAAiB;MACvB,MAAK;MACL,UAAU,MAAwB;AAEjC,OADA,EAAE,gBAAgB,EAClB,EACC,EAAW,eAAe,GAC1B,EAAW,cACX;;MAEF,iBAAe,CAAC;MAChB,WAAW,eAAgB,IAA6C,KAAnC;MACpC,CAAA,EACc,CAAA;KACE;;GACJ,CAAA,CACZ;;;AAIR,GAAW,cAAc;;;AClKzB,SAAgB,GAAwB,GAAqC;CACzE,IAAM,EACF,QACA,YACA,cACA,iBAAc,QACd,0BAAuB,MACvB,SAAS,MACT,GAEE,IAAU,KAAmB,GAC7B,IAAoB,KAAa,EAAQ,QAAQ,cAGjD,IAAkB,QAAmC;EACvD,IAAM,IAAO,OAAO,KAAY,aAAa,EAAQ,EAAI,GAAG;AAC5D,SAAO,MAAM,QAAQ,EAAK,GAAG,IAAO,EAAE;IACvC,CAAC,GAAS,EAAI,CAAC,EAGZ,IAAiB,QAAc;EACjC,IAAM,KAAY,MACV,OAAO,KAAS,aAAmB,EAAK,EAAI,GACzC;AAEX,SAAO,EACF,QAAO,MAAK;GACT,IAAM,IAAI,EAAS,EAAE,UAAU;AAC/B,UAAO,MAAM,KAAA,IAAY,KAAO;IAClC,CACD,KAAI,OAAM;GACP,GAAG;GACH,UAAU,EAAS,EAAE,WAAW,IAAI,EAAE,YAAY;GACrD,EAAE;IACR,CAAC,GAAiB,EAAI,CAAC,EAGpB,IAAoB,EAAe,SAAS,GAG5C,CAAC,GAAU,KAAe,EAAS,GAAM,EAGzC,IAAiB,EAAe,QAAQ,MAAW,EAAO,YAAY,cAAc,EACpF,IAAc,EAAe,QAAQ,MAAW,EAAO,YAAY,cAAc,EAGjF,IAAgB,CAAC,GAAG,GAAgB,GAAG,EAAY;AAqBzD,KAnBA,QAAgB;AACZ,MAAI,MAAgB,UAAU,CAAC,GAAmB;AAC9C,KAAY,GAAM;AAClB;;EAGJ,IAAM,UAAqB;AACvB,OAAI;AACA,MAAY,OAAO,cAAc,EAAqB;WAClD;AACJ,MAAY,GAAM;;;AAM1B,SAFA,GAAc,EACd,OAAO,iBAAiB,UAAU,EAAa,QAClC,OAAO,oBAAoB,UAAU,EAAa;IAChE;EAAC;EAAa;EAAmB;EAAqB,CAAC,EAEtD,CAAC,EAAmB,QAAO;CAE/B,IAAM,IAA0B,MAAgB,SAAU,IAAW,SAAS,WAAY,GAEpF,KAAmB,MAA4D;AAC5E,SACL;OAAI,OAAO,KAAS,WAChB,QAAO;AAGX,OAAI,EAAe,EAAK,IAAI,OAAO,EAAK,QAAS,WAC7C,QAAO,EAAK;;IAMd,KAA8B,MAI/B;AACD,UAAQ,GAAR;GACI,KAAK,cACD,QAAO;IAAE,SAAS;IAAS,aAAa;IAAS;GACrD,KAAK,UACD,QAAO;IAAE,SAAS;IAAa,aAAa;IAAW;GAC3D,KAAK,YACD,QAAO;IAAE,SAAS;IAAa,aAAa;IAAS;GACzD,KAAK,QACD,QAAO;IAAE,SAAS;IAAa,aAAa;IAAS;GACzD,KAAK,OACD,QAAO;IAAE,SAAS;IAAa,aAAa;IAAS,WAAW;IAAgC;GAEpG,QACI,QAAO;IAAE,SAAS;IAAW,aAAa;IAAS;;IAIzD,MACF,MAC0C;AAC1C,UAAQ,GAAR;GACI,KAAK,UACD,QAAO;GACX,KAAK,cACD,QAAO;GACX,QACI,QAAO;;;AAiCnB,QA7BI,MAAS,WAEL,kBAAC,OAAD;EAAK,WAAW,EAAG,4BAA4B,0BAA0B;YACpE,EAAc,KAAK,GAAQ,MAAQ;GAChC,IAAM,IAAM,EAAO,MAAM,GAAG,EAAO,MAAM,GAAG,KACtC,IAAW,EAA2B,EAAO,WAAW,QAAQ;AAItE,UACI,kBAAC,GAAD;IAEI,SAAS,EAAS;IAClB,aAAa,EAAS;IACtB,WAAW,EAAG,8BAA8B,EAAS,UAAU;IAC/D,UAAU,CAAC,CAAC,EAAO;IACV,eAVK;AAClB,OAAO,UAAU,EAAI;;cAGrB,CAQK,CAAC,CAAC,EAAO,QAAQ,kBAAC,QAAD;KAAM,WAAU;eAAoB,EAAO;KAAY,CAAA,EACxE,EAAO,MACH;MATA,EASA;IAEf;EACA,CAAA,GAOV,kBAAC,GAAD;EACI,OAAO,KAAA;EACP,MAAM;EACN,QAAQ,KAAqB,EAAQ,QAAQ;EAC7C,eAAe;EACf,OAAM;EACN,SAAQ;YAEP,EAAc,KAAK,GAAQ,MAAQ;GAChC,IAAM,IAAM,EAAO,MAAM,GAAG,EAAO,MAAM,GAAG,KACtC,UAAgB;AAClB,MAAO,UAAU,EAAI;MAEnB,IAAW,EAAgB,EAAO,KAAK,EACvC,IAAa,EAAO,OACpB,kBAAC,QAAD;IAAM,WAAU;cAA4B,EAAO;IAAY,CAAA,GAC/D,MACA,IAAkB,IAAW,OAC/B,kBAAC,OAAD;IAAK,WAAU;cAAf,CACK,GACD,kBAAC,QAAD,EAAA,UAAO,EAAO,OAAa,CAAA,CACzB;OAGJ,IAAoB,GACtB,EAAO,QACV;AAED,UACI,kBAAC,GAAD;IAEI,OAAO,EAAO;IACd,MAAM;IACN,SAAS;IACT,UAAU,CAAC,CAAC,EAAO;IACV;cAER;IACQ,EARJ,EAQI;IAEnB;EACO,CAAA;;AAIrB,GAAiB,cAAc;;;AC/L/B,IAAa,MACZ,GACA,GACA,MACI;AAEJ,CAAI,OAAO,KAAqB,aAE/B,GAAkB,MAAc;EAC/B,IAAM,IACL,EACC,EAAU;AAIZ,SAHI,KACH,EAAgB,EAAS,EAEnB;GACN,IAGF,EAAiB,EAAiB,EAC9B,KACH,EAAgB,EAAiB;GAQvB,MACZ,GACA,GACA,MACI;AAEJ,CAAI,OAAO,KAAmB,aAE7B,GAAkB,MAAc;EAC/B,IAAM,IAAY,EACjB,EACA;AAID,SAHI,KACH,EAAgB,EAAS,EAEnB;GACN,IAGF,EAAiB,EAAe,EAC5B,KACH,EAAgB,EAAe;GAQrB,MACZ,GACA,GACA,MACI;AAEJ,CAAI,OAAO,KAAsB,aAEhC,GAAkB,MAAc;EAC/B,IAAM,IACL,EACC,EAAU;AAIZ,SAHI,KACH,EAAgB,EAAS,EAEnB;GACN,IAGF,EAAiB,EAAkB,EAC/B,KACH,EAAgB,EAAkB;GAQxB,MACZ,GACA,GACA,GACA,MACY;CACZ,IAAI,IAAY;AAchB,QAXI,MACH,KAAa,kBAIV,OAAO,KAAiB,aAC3B,KAAa,EAAa,GAAK,EAAM,GAAG,MAC9B,MACV,KAAa,IAAe,MAGtB,EAAU,MAAM;GAMX,KACZ,GACA,GACA,GACA,GACA,MACY;CACZ,IAAI,IAAgB;AAcpB,QAXI,OAAO,KAAkB,WAC5B,IAAgB,IACN,KAAiB,MAC3B,IAAgB,EAAc,GAAU,EAAI,GAIzC,KAAqB,IACjB,GAAG,EAAc,+BAGlB;GAMK,MAAyC,MAC9C,EAAM,qBAAqB,CAAC,KAAK,KAAK,MAAQ,EAAI,SAAS,EAMtD,MACZ,GACA,IAA4B,MAE5B,kBAAC,OAAD;CAAK,WAAU;WACd,kBAAC,SAAD;EACC,MAAK;EACL,WAAU;EACV,SAAS,EAAI,eAAe;EAC5B,UAAU,CAAC,EAAI,cAAc;EAC7B,UAAU,EAAI,0BAA0B;EACxC,UAAU,MAAM,EAAE,iBAAiB;EACnC,cAAY,EAAQ,UAAU,IAAI,EAAI,MAAM;EAC3C,CAAA;CACG,CAAA,EAMM,MACZ,GACA,IAA4B,MAE5B,kBAAC,OAAD;CAAK,WAAU;WACd,kBAAC,SAAD;EACC,MAAK;EACL,WAAU;EACV,SAAS,EAAM,0BAA0B;EACzC,UAAU,EAAM,qCAAqC;EACrD,cAAY,EAAQ,UAAU;EAC7B,CAAA;CACG,CAAA,EAMM,MACZ,GACA,IAA4B,MAYrB,CAAC;CATP,IAAI;CACJ,SAAS,EAAE,eACV,GAA8B,GAAO,EAAQ;CAC9C,OAAO,EAAE,aAA+B,GAA2B,GAAK,EAAQ;CAChF,eAAe;CACf,gBAAgB;CAChB,MAAM;CAGC,EAAiB,GAAG,EAAQ;;;ACvMrC,SAAgB,GAAqB,EACpC,UACA,eACA,sBACA,qBACA,mBAAgB,IAChB,kBAAe,IACf,uBAAoB,IACpB,aAAU,IACV,WAAQ,IACR,cAC6B;CAC7B,IAAM,IAAY,EAAM,aAAa,CAAC,MAChC,IACL,KACA,GAAS,WAAW,WACpB,EAAwB,WAAW,SAE9B,KAAkB,MAAe;AACtC,EAAI,KACH,EAAW,EAAI;;AAkCjB,QA9BK,EAAU,SA+Bd,kBAAC,GAAD,EAAA,UACE,EAAU,KAAK,GAAK,MAAa;EACjC,IAAM,IAAgB,EAAI,eAAe,EACnC,IAAW,EAAI,iBAAiB,EAChC,IAAuB,GAC5B,GACA,GACA,GACA,EACA,EACK,UAA2B;AAChC,GAAI,KACH,EAAe,EAAI,SAAS;KAKxB,IAAa,EAClB,GAHkB,KAAW,IAAW,KAAM,IAAI,gBAAgB,IAKlE,kCACA,mGALmB,IAAa,mBAAmB,IAOnD,yCACA;AAGD,SACC,kBAAC,GAAD;GAEC,cALe,IAAgB,aAAa;GAM5C,WAAW;GACX,SAAS;aAER,EAAS,KAAK,GAAM,MACpB,kBAAC,GAAD;IAEC,WAAW,EACV,EACC,EAAK,OAAO,IACZ,GACA,GACA,GACA,MAAc,EACd,EACD,wBACA,KAAS,sDACT;cAEA,GACA,EAAK,OAAO,UAAU,MACtB,EAAK,YAAY,CACjB;IACU,EAjBN,EAAK,GAiBC,CACX;GACQ,EA1BL,EAAI,GA0BC;GAEX,EACS,CAAA,GAvFX,kBAAC,GAAD;EAAW,WAAU;YACpB,kBAAC,GAAD;GAAU,WAAU;aACnB,kBAAC,GAAD;IACC,WAAU;IACV,SAAS,EAAM,eAAe,CAAC;cAE/B,kBAAC,OAAD;KAAK,WAAU;eAAf;MACC,kBAAC,OAAD;OAAK,WAAU;iBACd,kBAAC,OAAD;QAAK,WAAU;QAAkC,OAAM;QAA6B,MAAK;QAAO,SAAQ;QAAY,aAAa;QAAK,QAAO;kBAC5I,kBAAC,QAAD;SAAM,eAAc;SAAQ,gBAAe;SAAQ,GAAE;SAA6J,CAAA;QAC7M,CAAA;OACD,CAAA;MACN,kBAAC,GAAD;OACC,MAAK;OACL,QAAO;iBAEN;OACK,CAAA;MACN,CAAC,CAAC,KACF,kBAAC,OAAD;OAAK,WAAU;iBAAQ;OAAuB,CAAA;MAE1C;;IACK,CAAA;GACF,CAAA;EACA,CAAA;;AAmEf,GAAc,cAAc;;;ACxH5B,SAAgB,GACf,EACC,UACA,oBAAiB,IACjB,kBAAe,IACf,qBAAkB,IAClB,mBAAgB,IAChB,uBAAoB,IACpB,iBACA,WAAQ,IACR,uBAAoB,MACW;CAEhC,IAAM,IAAe,EAAM,iBAAiB,EAEtC,KAAkB,MAClB,IACE,EAAa,MAAK,MAAS,EAAM,QAAQ,SAAS,EAAS,CAAC,GADzC;AAwD3B,QACC,kBAAC,IAAD;EACC,WAAW,EACV,MACE,IACE,8GACA,sGACJ,EACA;YAPF,QArDkC;AAClC,OAAI,CAAC,KAAgB,EAAa,WAAW,KAAK,EAAa,WAAW,EACzE,QAAO;GAGR,IAAM,IAAU,EAAa,GAAG,SAC5B,IAA8B,MAC9B,IAAY,GACV,IAAgC,EAAE;AAqCxC,UAnCA,EAAQ,SAAS,GAAQ,MAAU;IAElC,IAAM,IADQ,EAAe,EAAO,GAClB,EAAO,UAAU;AAoBnC,IAlBI,MAAc,IAejB,OAdI,MAAiB,QAAQ,IAAY,KACxC,EAAW,KACV,kBAAC,GAAD;KAEC,SAAS;KACT,WAAU;eAET,KAAgB;KACN,EALN,SAAS,EAAa,GAAG,EAAW,SAK9B,CACZ,EAEF,IAAe,GACf,IAAY,IAKT,MAAU,EAAQ,SAAS,KAAK,IAAY,KAC/C,EAAW,KACV,kBAAC,GAAD;KAEC,SAAS;KACT,WAAU;eAET,KAAgB;KACN,EALN,SAAS,EAAa,GAAG,EAAW,SAK9B,CACZ;KAED,EAGD,kBAAC,GAAD;IAAU,WAAW,EAAG,2BAA2B,yBAAyB;cAC1E;IACS,CAAA;MAcY,EACtB,EAAa,KAAK,MAClB,kBAAC,GAAD;GAEC,WAAW,EACV,0BACA,IACG,wCACA,0BACH;aAEA,EAAY,QAAQ,KAAK,GAAQ,MAAU;IAC3C,IAAM,IAAc,EACnB,EACC,EAAO,IACP,MACA,GACA,GACA,MAAU,EACV,EACD,wBACA,KAAS,6CACT,gFACA,iBACA,EACK,IAAc,IACjB,EAAE,UAAU,YAAqB,GACjC,KAAA,GACG,IAAgB,EAAO,kBAAkB,EACzC,IAAa,EAAO,OAAO,eAAe,EAC1C,WAAqB;KAC1B,IAAM,IAAY,EAAO,OAAO,UAAU;AAI1C,YAHI,OAAO,KAAc,WACjB,IAED,OAAO,EAAO,MAAO,WAAW,EAAO,KAAK;QAChD;AAEJ,WACC,kBAAC,GAAD;KAEC,WAAW;KACX,OAAO;eAEN,EAAO,gBAAgB,OACvB,kBAAC,OAAD,EAAA,UAAA,QACS;MACP,IAAM,IAAU,EAAO,OAAO,YAAY,EACpC,IAAU,EAAO,OAAO,aAAa,EACrC,IAAa,GAClB,EAAO,OAAO,UAAU,QACxB,EAAO,YAAY,CACnB,EACK,IACL,MAAY,QACT,IACA,MAAY,SACX,IACA;AAIL,aAHK,IAIJ,kBAAC,UAAD;OACC,MAAK;OACL,SAAS,EAAO,OAAO,yBAAyB;OAChD,WAAW,EACV,yEACA,2CACA,8EACA,KAAW,kBACX;OACD,cAAY,QAAQ;iBATrB,CAWE,GACD,kBAAC,GAAD;QACC,WAAW,EACV,sCACA,IACG,gBACA,oCACH;QACD,eAAY;QACX,CAAA,CACM;WAxBF,kBAAC,OAAD;OAAK,WAAU;iBAAqB;OAAiB,CAAA;SA0B1D,EAEH,CAAC,CAAC,KACF,kBAAC,UAAD;MACC,MAAK;MACL,WAAW,EACV,2LACA,KACC,iCACD;MACD,cAAY,UAAU;MACtB,oBAAiB;MACjB,aAAa;MACb,cAAc;MACb,CAAA,CAEE,EAAA,CAAA;KAEI,EAhEN,EAAO,GAgED;KAEZ;GACQ,EAxGL,EAAY,GAwGP,CACV,CACW;;;AAIhB,GAAgB,cAAc;;;ACjM9B,IAAM,KAAgB,KAEhB,KAAU;AAUhB,SAAS,EAAkB,EAAE,UAAO,YAAS,aAAU,cAAW,eAAoC;AAClG,QACI,kBAAC,UAAD;EACI,MAAK;EACL,cAAY;EACZ,WAAW,EAAG,4BAA4B,IAAS,EAAU;EACpD;EACC;EAET;EACI,CAAA;;AAQjB,SAAS,EAAmB,GAAyD;AAEjF,QADK,IACE,EAAU,cAA8B,kCAAgC,GADxD;;AAI3B,SAAgB,GAAwB,EACpC,UACA,iBACA,UACA,kBACA,4BAAyB,IACzB,aAAU,KACmB;CAC7B,IAAM,CAAC,GAAe,KAAoB,EAAS,GAAM,EACnD,CAAC,GAAgB,KAAqB,EAAS,GAAM,EACrD,IAAS,EAAO,EAAE,EAClB,IAAa,EAA4B,KAAK,EAG9C,IAAgB,QAAkB;EACpC,IAAM,IAAK,EAAmB,EAAa,QAAQ;AACnD,MAAI,CAAC,GAAI;AAEL,GADA,EAAiB,GAAM,EACvB,EAAkB,GAAM;AACxB;;EAEJ,IAAM,EAAE,eAAY,gBAAa,mBAAgB;AAEjD,EADA,EAAiB,IAAa,EAAE,EAChC,EAAkB,IAAa,IAAc,IAAc,EAAE;IAC9D,CAAC,EAAa,CAAC;AAElB,SAAgB;EAEZ,IAAM,IAAU,OAAO,iBAAiB;GACpC,IAAM,IAAK,EAAmB,EAAa,QAAQ;AACnD,OAAI,CAAC,EAAI;AAGT,MAAe;GAEf,IAAM,UAAqB;AAEvB,IADA,qBAAqB,EAAO,QAAQ,EACpC,EAAO,UAAU,sBAAsB,EAAc;;AAGzD,KAAG,iBAAiB,UAAU,GAAc,EAAE,SAAS,IAAM,CAAC;GAG9D,IAAM,IAAK,IAAI,eAAe,EAAc;AAO5C,GANA,EAAG,QAAQ,EAAG,EACV,EAAG,qBACH,EAAG,QAAQ,EAAG,kBAAkB,EAIpC,EAAW,gBAAgB;AAGvB,IAFA,EAAG,oBAAoB,UAAU,EAAa,EAC9C,qBAAqB,EAAO,QAAQ,EACpC,EAAG,YAAY;;KAEpB,EAAE;AAEL,eAAa;AAET,GADA,OAAO,aAAa,EAAQ,EAC5B,EAAW,WAAW;;IAI3B;EAAC;EAAc;EAAe;EAAM,CAAC;CAGxC,IAAM,IAAmB,QAAkB;AACvC,IAAmB,EAAa,QAAQ,EAAE,SAAS;GAAE,MAAM,CAAC;GAAe,UAAU;GAAU,CAAC;IACjG,CAAC,EAAa,CAAC,EAEZ,IAAoB,QAAkB;AACxC,IAAmB,EAAa,QAAQ,EAAE,SAAS;GAAE,MAAM;GAAe,UAAU;GAAU,CAAC;IAChG,CAAC,EAAa,CAAC,EAGZ,IAAoB,QAAkB;AACxC,IAAc,CAAC,EAAM;IACtB,CAAC,GAAO,EAAc,CAAC,EAGpB,IAAU,IACV,EAAM,eAAe,CAAC,QAAQ,MAAW,EAAO,YAAY,CAAC,GAC7D,EAAE,EAEF,IAAkB,KAAiB,GACnC,IAAa,KAA0B,EAAQ,SAAS,GACxD,IAAmB,IACnB,EAAQ,QAAQ,cAChB,EAAQ,QAAQ;AAEtB,QACI,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEK,CAAC,CAAC,KACC,kBAAA,GAAA,EAAA,UAAA;IACI,kBAAC,GAAD;KACI,OAAO,EAAQ,QAAQ;KACvB,SAAS;KACT,UAAU,CAAC;KACX,WAAU;eAEV,kBAAC,IAAD,EAAa,WAAU,eAAgB,CAAA;KACvB,CAAA;IACpB,kBAAC,GAAD;KACI,OAAO,EAAQ,QAAQ;KACvB,SAAS;KACT,UAAU,CAAC;eAEX,kBAAC,IAAD,EAAc,WAAU,eAAgB,CAAA;KACxB,CAAA;IACpB,kBAAC,OAAD,EAAK,WAAU,sBAAuB,CAAA;IACvC,EAAA,CAAA;GAIN,CAAC,CAAC,KACC,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,GAAD;IACa;IACA;IACT,WAAW,CAAC;IACd,CAAA,EACF,kBAAC,OAAD,EAAK,WAAU,sBAAuB,CAAA,CACvC,EAAA,CAAA;GAIP,kBAAC,GAAD;IACI,OAAO;IACP,SAAS;IACT,WAAW,EACP,gDACA,CAAC,KAAmB,CAAC,KAAc,+CACtC;cAGK,EADL,IACM,IACA,GADD,EAAW,WAAU,eAAgB,CACA;IAE3B,CAAA;GAClB;;;AAKd,SAAS,EAAgC,EACrC,YACA,YACA,gBAKD;AACC,QACI,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,GAAD,EACI,SAAS,MACL,kBAAC,UAAD;EACI,GAAI;EACJ,MAAK;EACL,cAAY,EAAQ,QAAQ;EAC5B,WAAW,EACP,IACC,EAAyC,WAC1C,KAAa,+CAChB;YAED,kBAAC,IAAD,EAAU,WAAU,eAAgB,CAAA;EAC/B,CAAA,EAEf,CAAA,EACF,kBAAC,GAAD;EAAqB,OAAM;EAAM,WAAU;YAA3C;GACI,kBAAC,GAAD,EAAA,UAAoB,EAAQ,iBAAiB,OAA0B,CAAA;GACvE,kBAAC,GAAD,EAAyB,CAAA;GACxB,EAAQ,KAAK,MAAW;IACrB,IAAM,IAAS,EAAO,UAAU,QAC1B,IAAa,EAAQ,iBAAiB,YACxC,EAAO,IACP,OAAO,KAAW,WAAW,IAAS,KAAA,EACzC;AAED,WACI,kBAAC,GAAD;KAEI,WAAU;KACV,SAAS,EAAO,cAAc;KAC9B,kBAAkB,MAAY,EAAO,iBAAiB,CAAC,CAAC,EAAQ;eAE/D;KACsB,EANlB,EAAO,GAMW;KAEjC;GACgB;IACX,EAAA,CAAA;;AAIvB,GAAiB,cAAc;;;ACjN/B,IAAM,KAAuB,EAAoC,KAAK;AAEtE,SAAgB,KAAyC;AACxD,QAAO,EAAW,GAAqB;;AAwBxC,IAAM,KAAiG;CACtG,IAAM;CACN,IAAM;CACN,MAAM;CACN;AAED,SAAgB,GAAkD,EACjE,SACA,aAAU,QACV,uBAAoB,IACpB,YACA,SACA,iBACA,eACA,wBACA,0BACA,yBACA,mBAAgB,IAChB,mBAAgB,IAChB,4BAAyB,IACzB,wBAAqB,IACrB,6BAA0B,IAC1B,2BAAwB,IACxB,eACA,iBACA,iBACA,WACA,gBACA,0BACA,mBAAe,IACf,uBAAoB,IACpB,uBACA,sBACA,gBAAY,IACZ,kBAAe,IACf,mBAAgB,IAChB,sBAAkB,IAClB,uBAAmB,IACnB,qBAAiB,mBACjB,8BAA0B,IAC1B,cACA,cAAc,GACd,iBACA,6BACA,SAAS,GACT,kBACA,iBACiC;CACjC,IAAM,EAAE,mBAAgB,GAAgB,EAClC,IACL,KAAQ,KAAe,MAElB,IAAU,QACT,GAAsB,EAAgB,EAC5C,CAAC,EAAgB,CACjB,EAEK,KAAkB,EAAG,WAAW,EAAa,EAC7C,KAA4B,MAAqB,EAAQ,WAAW,SACpE,IACL,KAAuB,EAAQ,QAAQ,cAClC,IAAuB,KAAgB,QAGtC,IAED,MAAM,QAAQ,EAAQ,IAAI,EAAQ,WAAW,KAAK,MAAM,QAAQ,EAAQ,GAAG,GACvE,EAAQ,KAIT,GAIH,IAAsB,QACpB,IAAa,MAAM,EAAW,YAAY,MAC/C,CAAC,EAAW,CAAC,EAGV,IAAkB,QAChB,IAAa,MAAM,EAAW,UAAU,MAC7C,CAAC,EAAW,CAAC,EAGV,KAA0B,QAA+B;AAE9D,MAAI,CAAC,KAAuB,OAAO,SAAW,IAC7C,QAAO,GAAc,oBAAoB,EAAE;AAG5C,MAAI;GACH,IAAM,IAAS,OAAO,aAAa,QAAQ,EAAoB;AAG/D,UAAO;IAAE,GAFM,IAAU,KAAK,MAAM,EAAO,GAAuB,EAAE;IAEhD,GAAI,GAAc,oBAAoB,EAAE;IAAG;UACxD;AAEP,UAAO,GAAc,oBAAoB,EAAE;;IAE1C,CAAC,GAAqB,GAAc,iBAAiB,CAAC,EAGnD,KAAe,QAAc;AAClC,MAAI,CAAC,KAAmB,OAAO,SAAW,IAAa,QAAO;AAC9D,MAAI;AACH,UAAO,OAAO,aAAa,QAAQ,EAAgB,KAAK;UACjD;AACP,UAAO;;IAEN,CAAC,EAAgB,CAAC,EAGf,CAAC,GAAS,MAAc,EAAuB,GAAc,WAAW,EAAE,CAAC,EAC3E,CAAC,IAAkB,MAAuB,EAC/C,GACA,EACK,CAAC,IAAsB,MAA2B,EACvD,GAAc,gBAAgB,EAAE,CAChC,EACK,CAAC,GAAO,KAAY,EAAS,GAAa,EAC1C,IAAe,KAA0B,IAGzC,KAAe,EAAuB,KAAK,EAG3C,KAA8B,GAClC,MAAmC;AACnC,KAAoB,GAAS,IAAY,EAAO;IAEjD,CAAC,EAAO,CACR,EAEK,KAAiC,GACrC,MAAsC;AACtC,KACC,GACA,KACC,MAAa;AAEb,OAAI,KAAuB,OAAO,SAAW,IAC5C,KAAI;AACH,WAAO,aAAa,QACnB,GACA,KAAK,UAAU,EAAS,CACxB;WACM;AAMT,GAAI,KACH,EAAyB,EAAS;IAGpC;IAEF,CAAC,GAAqB,EAAyB,CAC/C,EAEK,IAAmC,GACvC,MAAwC;EACxC,IAAM,IACL,OAAO,KAAY,aAAa,EAAQ,EAAa,GAAG;AAMzD,EAJI,MAA2B,KAAA,KAC9B,GAAwB,EAAiB,EAG1C,KAAuB,EAAiB;IAEzC;EAAC;EAAwB;EAAsB;EAAa,CAC5D,EAEK,KAAoB,GACxB,MAAmB;AAEnB,MADA,EAAS,EAAM,EACX,KAAmB,OAAO,SAAW,IACxC,KAAI;AACH,UAAO,aAAa,QAAQ,GAAiB,IAAQ,MAAM,IAAI;UACxD;IAKV,CAAC,EAAgB,CACjB,EA4CK,IAAQ,GAAc;EAC3B;EACA,SA5C0B,QAA0C;GACpE,IAAM,IAAc,IACjB,GAAkC,GAAiB,EAAQ,GAC3D;AAGH,OAAI,CAAC,EACJ,QAAO;GAIR,IAAM,IAAsC;IAC3C,IAAI;IACJ,QAAQ,EAAQ,QAAQ;IAExB,OAAO,EAAE,aACR,kBAAC,IAAD;KACC,KAAK,EAAI;KACT,SAAS;KACT,WAAW;KACX,aAAa;KACb,sBAAsB;KACb;KACR,CAAA;IAEH,eAAe;IACf,cAAc;IACd,MAAM;IACN;AAED,UAAO,CAAC,GAAG,GAAa,EAAU;KAChC;GACF;GACA;GACA;GACA;GACA;GACA;GACA;GACA,CAKS;EACT,OAAO;GAAE;GAAS;GAAkB;GAAc;EAClD;EACA;EACA;EACA;EACA;EACA,iBACC,KAAiB,IAAgB,KAA8B,KAAA;EAChE,sBACC,IAAqB,IAAmC,KAAA;EACzD,0BAA0B;EAC1B,iBAAiB,IAAiB;EAClC;EACA,CAAC,EAGI,KAAa,KAAc,EAAW,YAAY,GAElD,KAAW,GAAqB;AAEtC,QACC,kBAAC,IAAD;EAAU,OAAO;YACjB,kBAAC,OAAD;GAAK,WAAW,EACf,IACG,uEACA,EACD,UACA,MAAY,UACX,gGACD,MAAY,WACX,sDAED,GACA,CACF;aAZD;IAaE,CAAC,EAAE,KAAiB,MACpB,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEgB,kBAAC,OAAD;MAAK,WAAW,EACZ,sEACA,IAAQ,kBAAkB,OAC7B;gBAHD,CAII,kBAAC,OAAD;OAAK,WAAU;iBAAiC;OAAoB,CAAA,EACpE,kBAAC,OAAD;OAAK,WAAU;iBACX,kBAAC,IAAD;QACW;QACO;QACP;QACP,eAAe;QACS;QACf;QACX,CAAA;OACA,CAAA,CAEJ;SACN,kBAAC,GAAD,EAAa,CAAA,CACX;;IAInB,kBAAC,OAAD;KACC,KAAK;KACL,WAAW,EACV,IACA,IAAQ,iCAAiC,GACzC;eAGD,kBAAC,IAAD;MAAO,WAAW,EACjB,YACA,GAAyB,IACzB,GACA;MAAE,oBAAoB;gBAJvB,CAKC,kBAAC,IAAD;OACQ;OACO;OACG;OACF;OACI;OACL;OACP;OACY;OAClB,CAAA,EACF,kBAAC,IAAD;OACQ;OACK;OACZ,mBAAmB;OACD;OACH;OACf,cAAc;OACK;OACV;OACF;OACN,CAAA,CACK;;KACH,CAAA;IACL,CAAC,CAAC,MACF,kBAAA,GAAA,EAAA,UAAA,CACgB,kBAAC,GAAD,EAAa,CAAA,EACb,kBAAC,IAAD;KACgB;KACE;KACd,cAAc;KACd,QAAQ,EAAQ;KAClB,CAAA,CACH,EAAA,CAAA;IAEX;;EACK,CAAA;;AAIb,GAAU,cAAc;;;AChZxB,SAAgB,GAA0B,EAC7B,UACA,iBACA,sBACA,4BAAyB,IACzB,kBACD,aAAU,KACwB;AAC7C,KAAI,CAAC,KAAgB,CAAC,KAA0B,CAAC,EAChD,QAAO;CAGR,IAAM,IAAoB,KAAqB,EAAQ,OAAO;AAE9D,QACC,kBAAC,OAAD;EAAK,WAAW,EAAG,yBAAyB,wCAAwC;YAApF,CACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CAEE,CAAC,CAAC,KACD,kBAAC,GAAD;IACA,aAAa;IACb,OAAQ,EAAM,UAAU,EAAa,EAAE,gBAAgB,IAAe;IACtE,WAAW,MAAU;KACpB,IAAM,IAAQ,EAAM,OAAO;AAC3B,OAAM,UAAU,EAAa,EAAE,eAAe,EAAM;;IAErD,WAAU;IACT,CAAA,EAIF,EACI;MAGJ,CAAC,CAAC,KACF,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD,EACC,SAAS,MACR,kBAAC,GAAD;GACC,GAAI;GACJ,SAAQ;GACR,aAAY;GACZ,WAAU;aAET,EAAQ,iBAAiB;GAClB,CAAA,EAET,CAAA,EACF,kBAAC,GAAD;GAAqB,OAAM;aAA3B,CACC,kBAAC,GAAD,EAAA,UAAoB,EAAQ,iBAAiB,OAA0B,CAAA,EACtE,EACC,eAAe,CACf,QAAQ,MAAW,EAAO,YAAY,CAAC,CACvC,KAAK,MAAW;IAChB,IAAM,IAAS,EAAO,UAAU,QAC1B,IAAa,EAAQ,iBAAiB,YAC3C,EAAO,IACP,OAAO,KAAW,WAAW,IAAS,KAAA,EACtC;AAED,WACC,kBAAC,GAAD;KAEC,WAAU;KACV,SAAS,EAAO,cAAc;KAC9B,kBAAkB,MACjB,EAAO,iBAAiB,CAAC,CAAC,EAAQ;eAGlC;KACyB,EARrB,EAAO,GAQc;KAE3B,CACkB;KACR,EAAA,CAAA,CAEZ;;;AAIR,GAAmB,cAAc;;;ACxFjC,SAAgB,EAAoB,EAAE,UAAO,qBAAkB,kBAAe,aAAU,KAAqD;CAEzI,IAAM,IAAW,KAAoB,EAAM,6BAA6B,CAAC,KAAK,QACxE,IAAQ,KAAiB,EAAM,qBAAqB,CAAC,KAAK,QAC1D,IAAU,EAAQ,UAAU,QAAQ,GAAU,EAAM;AAE1D,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,+BAA+B,oDAAoD;YAAtG;GACI,kBAAC,OAAD;IAAK,WAAU;cACX,kBAAC,GAAD;KAAM,MAAK;eACN;KACE,CAAA;IACL,CAAA;GACN,kBAAC,GAAD;IAAQ,SAAQ;IAAY,aAAY;IAAU,eAAe,EAAM,cAAc;IAAE,UAAU,CAAC,EAAM,oBAAoB;cACvH,EAAQ,WAAW;IACf,CAAA;GACT,kBAAC,GAAD;IAAQ,SAAQ;IAAY,aAAY;IAAU,eAAe,EAAM,UAAU;IAAE,UAAU,CAAC,EAAM,gBAAgB;cAC/G,EAAQ,WAAW;IACf,CAAA;GACP;;;AAId,EAAoB,cAAc;;;ACdlC,SAAgB,GAA8B,EAC1C,UACA,cACA,WAAQ,OACR,aAAU,KACyB;CACnC,IAAM,IAAU,EAAM,eAAe,CAChC,QAAQ,MAAW,EAAO,YAAY,CAAC;AAI5C,QAFI,EAAQ,WAAW,IAAU,OAG7B,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,GAAD;EACI,SAAS,MACL,kBAAC,GAAD;GACI,GAAI;GACJ,SAAQ;GACR,aAAY;GACZ,WAAW,EACP,uCACA,+BAEC,EAAwC,WACzC,EACH;aAGC,EAAgD;GAC7C,CAAA;YAhBjB,CAmBI,kBAAC,IAAD,EAAW,WAAU,WAAY,CAAA,EACjC,kBAAC,QAAD;GAAM,WAAU;aAAoB,EAAQ,iBAAiB;GAAoB,CAAA,CAC/D;KACtB,kBAAC,GAAD;EAA4B;EAAO,WAAU;YAA7C;GACI,kBAAC,GAAD,EAAA,UAAoB,EAAQ,iBAAiB,OAA0B,CAAA;GACvE,kBAAC,GAAD,EAAyB,CAAA;GACxB,EAAQ,KAAK,MAAW;IACrB,IAAM,IAAS,EAAO,UAAU,QAC1B,IAAa,EAAQ,iBAAiB,YACxC,EAAO,IACP,OAAO,KAAW,WAAW,IAAS,KAAA,EACzC;AAED,WACI,kBAAC,GAAD;KAEI,WAAU;KACV,SAAS,EAAO,cAAc;KAC9B,kBAAkB,MAAY,EAAO,iBAAiB,CAAC,CAAC,EAAQ;eAE/D;KACsB,EANlB,EAAO,GAMW;KAEjC;GACgB;IACX,EAAA,CAAA;;AAIvB,GAAuB,cAAc;;;ACrCrC,SAAgB,EAAU,EAAE,UAAO,cAAW,MAAM,YAAS,cAAW,eAA4B;CAChG,IAAM,IAAY,MAAY,KAAU,QAA+B,MAAU;AAuBjF,QArBI,MAAa,KAAA,IAab,IAEI,kBAAC,GAAD;EAAM,KAAI;EAAO,MAAK;EAAU,MAAK;EAAY,WAAW,EAAG,cAAc,EAAU;YAClF;EACE,CAAA,GAKX,kBAAC,GAAD;EAAM,KAAI;EAAO,MAAK;EAAqB;YACtC,OAAO,EAAM;EACX,CAAA,GAtBH,kBAAC,GAAD;EACI,KAAI;EACJ,MAAK;EACL,MAAM,IAAY,cAAc;EAChC,WAAW,EAAG,KAAa,cAAc,EAAU;EAElD;EACE,CAAA;;AAmBnB,EAAU,cAAc;;;AClExB,IAAa,MAAa,MAExB,kBAAC,KAAD;CACC,WAAU;CACV,GAAI;WAEH,EAAM;CACJ,CAAA;;;AC2BN,SAAgB,GAAmC,EAClD,UACA,QACA,gBAAA,KACA,gBAC4B;AAC5B,KAAI,CAAC,KAAS,EAAE,KAAS,GACxB,QACC,kBAAC,GAAD;EAAM,MAAK;EAAU,MAAK;EAAY,WAAW,EAAG,cAAc,EAAU;YAC1E;EACK,CAAA;CAGT,IAAM,IAAQ,EAAI,IACZ,IAAO,EAAM;AACnB,QACC,kBAAC,GAAD;EACC,SAAS,EAAM,WAAW;EAC1B,WAAW,EAAG,WAAW,EAAU;YAFpC,CAIE,CAAC,CAAC,KAAQ,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA,EACrC,EAAM,MACA;;;AAIV,GAAW,cAAc;AAiBzB,IAAM,KAAmD;CACxD,OAAO;CACP,KAAK;CACL,MAAM;CACN;AAED,SAAgB,GAAS,EACxB,UACA,aAAU,IACV,WACA,cAAW,IACX,MAAM,IAAgB,GACtB,gBAAA,KACA,gBACiB;AACjB,KAAI,KAAU,QAA+B,MAAU,GACtD,QACC,kBAAC,GAAD;EAAM,MAAK;EAAU,MAAK;EAAY,WAAW,EAAG,cAAc,EAAU;YAC1E;EACK,CAAA;CAGT,IAAM,IAAO,aAAiB,OAAO,IAAQ,IAAI,KAAK,EAAM;AAC5D,KAAI,OAAO,MAAM,EAAK,SAAS,CAAC,CAC/B,QACC,kBAAC,GAAD;EAAM,MAAK;EAAU,MAAK;EAAY,WAAW,EAAG,cAAc,EAAU;YAC1E;EACK,CAAA;CAGT,IAAM,IAAY,IAAI,KAAK,eAAe,GAAQ,EAAQ;AAC1D,QACC,kBAAC,QAAD;EAAM,WAAW,EAAG,iDAAiD,EAAU;YAA/E,CACE,CAAC,CAAC,KAAY,kBAAC,GAAD,EAAe,WAAU,kCAAmC,CAAA,EAC3E,kBAAC,GAAD;GAAM,MAAK;GAAU,MAAK;aACxB,EAAU,OAAO,EAAK;GACjB,CAAA,CACD;;;AAIT,GAAS,cAAc;AAevB,SAAgB,GAAa,EAC5B,UACA,aACA,WACA,gBAAA,KACA,cACA,YAAS,cACY;CACrB,IAAM,IAAU,OAAO,KAAU,WAAW,IAAQ,OAAO,WAAW,OAAO,KAAS,GAAG,CAAC;AAC1F,KAAI,CAAC,OAAO,SAAS,EAAQ,CAC5B,QACC,kBAAC,GAAD;EAAM,MAAK;EAAU,MAAK;EAAY,WAAW,EAAG,cAAc,EAAU;YAC1E;EACK,CAAA;CAGT,IAAM,IAAY,IACf,IAAI,KAAK,aAAa,GAAQ;EAC9B,OAAO;EACP;EACA,uBAAuB;EACvB,CAAC,CAAC,OAAO,EAAQ,GACjB,EAAQ,QAAQ,EAAE;AACrB,QACC,kBAAC,GAAD;EACC,KAAI;EACJ,MAAK;EACG;EACR,WAAW,EAAG,gBAAgB,EAAU;YAEvC;EACK,CAAA;;AAIT,GAAa,cAAc;AAe3B,SAAS,GAAY,GAAsB;AAC1C,QAAO,EACL,MAAM,MAAM,CACZ,OAAO,QAAQ,CACf,MAAM,GAAG,EAAE,CACX,KAAK,MAAM,EAAE,GAAI,aAAa,CAAC,CAC/B,KAAK,GAAG;;AAGX,SAAgB,GAAW,EAC1B,SACA,aACA,MAAM,IAAgB,IACtB,aACA,gBAAA,KACA,gBACmB;AAQnB,QAPI,CAAC,KAAQ,EAAK,MAAM,CAAC,WAAW,IAElC,kBAAC,GAAD;EAAM,MAAK;EAAU,MAAK;EAAY,WAAW,EAAG,cAAc,EAAU;YAC1E;EACK,CAAA,GAIR,kBAAC,QAAD;EAAM,WAAW,EAAG,kCAAkC,EAAU;YAAhE,CACC,kBAAC,QAAD;GAAM,WAAU;aACd,IACA,kBAAC,OAAD;IAAK,KAAK;IAAU,KAAK;IAAM,WAAU;IAA4C,CAAA,GAClF,EAAK,SAAS,IACjB,kBAAC,GAAD;IAAM,MAAK;IAAK,QAAO;IAAW,WAAU;cAC1C,GAAY,EAAK;IACZ,CAAA,GAEP,kBAAC,GAAD,EAAe,WAAU,YAAa,CAAA;GAEjC,CAAA,EACP,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACC,kBAAC,GAAD;IAAM,MAAK;IAAU,QAAO;IAAS,WAAU;cAC7C;IACK,CAAA,EACN,CAAC,CAAC,KACF,kBAAC,GAAD;IAAM,MAAK;IAAK,MAAK;IAAY,WAAU;cACzC;IACK,CAAA,CAEF;KACD;;;AAIT,GAAW,cAAc;;;ACrOzB,IAAM,KAAwB;AAO9B,SAAgB,EACf,GACwB;AAExB,QADK,IACE,EAAU,cAA8B,kCAAgC,GADxD;;AAoBxB,SAAgB,GACf,GACA,IAA8D,EAAE,EAChC;CAChC,IAAM,EAAE,YAAS,IAAuB,UAAO,EAAE,KAAK,GAChD,CAAC,GAAe,KAAoB,EAAS,GAAM,EACnD,CAAC,GAAgB,KAAqB,EAAS,GAAM,EACrD,IAAS,EAAO,EAAE,EAElB,IAAU,QAAkB;EACjC,IAAM,IAAK,EAA4B,EAAa,QAAQ;AAC5D,MAAI,CAAC,GAAI;AAER,GADA,EAAiB,GAAM,EACvB,EAAkB,GAAM;AACxB;;EAED,IAAM,EAAE,eAAY,gBAAa,mBAAgB;AAEjD,EADA,EAAiB,IAAa,EAAE,EAChC,EAAkB,IAAa,IAAc,IAAc,EAAE;IAC3D,CAAC,EAAa,CAAC;AAElB,SAAgB;EACf,IAAM,IAAU,OAAO,iBAAiB;GACvC,IAAM,IAAK,EAA4B,EAAa,QAAQ;AAC5D,OAAI,CAAC,EAAI;AAET,MAAS;GAET,IAAM,UAAqB;AAE1B,IADA,qBAAqB,EAAO,QAAQ,EACpC,EAAO,UAAU,sBAAsB,EAAQ;;AAGhD,KAAG,iBAAiB,UAAU,GAAc,EAAE,SAAS,IAAM,CAAC;GAC9D,IAAM,IAAK,IAAI,eAAe,EAAQ;AAItC,UAHA,EAAG,QAAQ,EAAG,EACV,EAAG,qBAAmB,EAAG,QAAQ,EAAG,kBAAkB,QAE7C;AAGZ,IAFA,EAAG,oBAAoB,UAAU,EAAa,EAC9C,qBAAqB,EAAO,QAAQ,EACpC,EAAG,YAAY;;KAEd,EAAE;AAEL,eAAa,OAAO,aAAa,EAAQ;IAEvC;EAAC;EAAc;EAAS,GAAG;EAAK,CAAC;CAEpC,IAAM,IAAW,GACf,MAAkB;AAClB,IAA4B,EAAa,QAAQ,EAAE,SAAS;GAC3D,MAAM;GACN,UAAU;GACV,CAAC;IAEH,CAAC,EAAa,CACd;AAKD,QAAO;EAAE;EAAe;EAAgB;EAAU,YAH/B,QAAkB,EAAS,CAAC,EAAO,EAAE,CAAC,GAAU,EAAO,CAGxB;EAAY,aAF1C,QAAkB,EAAS,EAAO,EAAE,CAAC,GAAU,EAAO,CAEZ;EAAa;;AAO5E,SAAgB,GACf,GACA,IAAe,IACsB;CAarC,IAAM,CAAC,GAAO,KAAiB,SAZR;AACtB,MAAI,CAAC,KAAc,OAAO,SAAW,IAAa,QAAO;AACzD,MAAI;GACH,IAAM,IAAM,OAAO,aAAa,QAAQ,EAAW;AAGnD,UAFI,MAAQ,MAAY,KACpB,MAAQ,MAAY,KACjB;UACA;AACP,UAAO;;KAI+B,CAAQ;AAgBhD,QAAO,CAAC,GAdS,GACf,MAAkB;AAElB,MADA,EAAc,EAAK,EACf,KAAc,OAAO,SAAW,IACnC,KAAI;AACH,UAAO,aAAa,QAAQ,GAAY,IAAO,MAAM,IAAI;UAClD;IAKV,CAAC,EAAW,CAGE,CAAS;;;;AChIzB,IAAM,KACL;AAUD,SAAgB,GAAc,EAC7B,UACA,aACA,gBAAa,SACb,sBAAmB,eACnB,gBACsB;CACtB,IAAM,IAAQ,IAAQ,IAAmB,GACnC,IAAO,IAAQ,IAAY;AACjC,QACC,kBAAC,UAAD;EACC,MAAK;EACL,cAAY;EACZ,gBAAc;EACd,eAAe,EAAS,CAAC,EAAM;EAC/B,WAAW,EAAG,IAAa,EAAU;YAErC,kBAAC,GAAD,EAAM,WAAU,YAAa,CAAA;EACrB,CAAA;;AAIX,GAAc,cAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/table.tsx","../../../../src/components/ui/pagination.tsx","../../../../src/components/base/table/table.strings.ts","../../../../src/components/base/table/pagination.tsx","../../../../src/components/base/table/table-actions.tsx","../../../../src/components/base/table/table-helpers.tsx","../../../../src/components/base/table/table-body.tsx","../../../../src/components/base/table/table-header.tsx","../../../../src/components/base/table/table-toolbar.tsx","../../../../src/components/base/table/data-table.tsx","../../../../src/components/base/table/filter-bar.tsx","../../../../src/components/base/table/table-pagination.tsx","../../../../src/components/base/table/column-visibility-toggle.tsx","../../../../src/components/base/table/partials/cell-value.tsx","../../../../src/components/base/table/partials/table-link.tsx","../../../../src/components/base/table/partials/cell-renderers.tsx","../../../../src/components/base/table/hooks.ts","../../../../src/components/base/table/partials/density-toggle.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype TableProps = React.ComponentProps<\"table\"> & {\n  containerClassName?: string\n}\n\nfunction Table({ className, containerClassName, ...props }: TableProps) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className={cn(\"relative w-full overflow-x-auto\", containerClassName)}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n","import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\n        \"mx-auto flex w-full justify-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"gap-1 flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <Button\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size={size}\n      className={cn(className)}\n      nativeButton={false}\n      render={\n        <a\n          aria-current={isActive ? \"page\" : undefined}\n          data-slot=\"pagination-link\"\n          data-active={isActive}\n          {...props}\n        />\n      }\n    />\n  )\n}\n\nfunction PaginationPrevious({\n  className,\n  text = \"Previous\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"pl-2!\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon data-icon=\"inline-start\" />\n      <span className=\"hidden sm:block\">\n        {text}\n      </span>\n    </PaginationLink>\n  )\n}\n\nfunction PaginationNext({\n  className,\n  text = \"Next\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"pr-2!\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">{text}</span>\n      <ChevronRightIcon data-icon=\"inline-end\" />\n    </PaginationLink>\n  )\n}\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\n        \"size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon\n      />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n","import { type DataTableStrings, type DataTableStringsOverride } from './table.types';\n\nconst fallbackTitleCase = (value: string): string => {\n    const formatted = value\n        .replace(/[_-]+/g, ' ')\n        .replace(/\\s+/g, ' ')\n        .trim();\n\n    if (!formatted) {\n        return 'Column';\n    }\n\n    return formatted.replace(/\\b\\w/g, (char) => char.toUpperCase());\n};\n\nconst formatColumnLabel = (columnId: string, currentLabel?: string | null): string => {\n    if (currentLabel && currentLabel.trim().length > 0) {\n        return currentLabel;\n    }\n\n    return fallbackTitleCase(columnId);\n};\n\nexport const defaultDataTableStrings: DataTableStrings = {\n    emptyState: {\n        message: 'No results found.',\n    },\n    actions: {\n        triggerLabel: 'Actions',\n        srLabel: 'Row actions menu',\n    },\n    filter: {\n        searchPlaceholder: 'Filter...',\n        columnsButton: 'Columns',\n    },\n    columnVisibility: {\n        title: 'Toggle columns',\n        triggerLabel: 'Columns',\n        formatLabel: formatColumnLabel,\n    },\n    toolbar: {\n        scrollLeft: 'Scroll left',\n        scrollRight: 'Scroll right',\n        columns: 'Toggle columns',\n        dense: 'Compact view',\n        comfortable: 'Comfortable view',\n    },\n    pagination: {\n        showing: 'Showing',\n        to: 'to',\n        of: 'of',\n        entries: 'results',\n        previous: 'Previous',\n        next: 'Next',\n        page: 'Page',\n        rowsPerPage: 'Rows per page',\n        ariaLabel: 'Pagination navigation',\n    },\n    selection: {\n        summary: (selected, total) => `${selected} of ${total} row${total === 1 ? '' : 's'} selected.`,\n        row: (index) => `Select row ${index + 1}`,\n        selectAll: 'Select all rows',\n    },\n} as const;\n\nconst mergeNested = <T extends object>(defaults: T, overrides?: Partial<T>): T => ({\n    ...defaults,\n    ...(overrides ?? {}),\n});\n\nexport const mergeDataTableStrings = (overrides?: DataTableStringsOverride): DataTableStrings => {\n    if (!overrides) {\n        return defaultDataTableStrings;\n    }\n\n    return {\n        emptyState: mergeNested(defaultDataTableStrings.emptyState, overrides.emptyState),\n        actions: mergeNested(defaultDataTableStrings.actions, overrides.actions),\n        filter: mergeNested(defaultDataTableStrings.filter, overrides.filter),\n        columnVisibility: mergeNested(defaultDataTableStrings.columnVisibility, overrides.columnVisibility),\n        toolbar: mergeNested(defaultDataTableStrings.toolbar, overrides.toolbar),\n        pagination: mergeNested(defaultDataTableStrings.pagination, overrides.pagination),\n        selection: mergeNested(defaultDataTableStrings.selection, overrides.selection),\n    };\n};\n","import { useCallback } from 'react';\nimport {\n\tPagination as PaginationRoot,\n\tPaginationContent,\n\tPaginationEllipsis,\n\tPaginationItem,\n\tPaginationLink,\n\tPaginationNext,\n\tPaginationPrevious,\n} from '@/components/ui/pagination';\nimport { Text } from '@/components/typography';\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} as typeof defaultDataTableStrings.pagination;\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 className={cn('pagination--component', 'flex items-center justify-between px-5 py-3')}>\n\t\t\t<Text size=\"xs\" type=\"secondary\" className=\"tabular-nums tracking-tight\">\n\t\t\t\t<Text tag=\"span\" weight=\"medium\" className=\"text-foreground\">{firstItem}&ndash;{lastItem}</Text>{' '}\n\t\t\t\t{paginationLabels.of}{' '}\n\t\t\t\t<Text tag=\"span\" weight=\"medium\" className=\"text-foreground\">{pagination.total}</Text>{' '}\n\t\t\t\t{paginationLabels.entries}\n\t\t\t</Text>\n\n\t\t\t<PaginationRoot aria-label={paginationLabels.ariaLabel} className=\"w-auto mx-0\">\n\t\t\t\t<PaginationContent className=\"gap-0.5\">\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-8 text-xs ${!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-8\" />\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\tisActive={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-8 text-xs\"\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-8 text-xs ${!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, type LucideIcon } from 'lucide-react';\nimport { isValidElement, useEffect, useMemo, useState } from 'react';\nimport { Button, type ButtonVariant, type ButtonStyle } from '@/components/base/buttons';\nimport {\n    ActionMenu,\n    MenuAction,\n    type MenuActionProps\n} from '@/components/base/navigation/action-menu';\nimport { cn } from '@/lib/utils';\nimport { defaultDataTableStrings } from './table.strings';\nimport { type DataTableActionsProps, type ActionItem, type ActionVariant } from './table.types';\n\nexport function DataTableActions<TData>(props: DataTableActionsProps<TData>) {\n    const {\n        row,\n        actions,\n        menuLabel,\n        displayMode = 'menu', // preserve existing behavior\n        responsiveBreakpoint = 1040,\n        strings: providedStrings\n    } = props;\n\n    const strings = providedStrings ?? defaultDataTableStrings;\n    const resolvedMenuLabel = menuLabel ?? strings.actions.triggerLabel;\n\n    // Resolve actions array\n    const resolvedActions = useMemo<ActionItem<TData>[]>(() => {\n        const base = typeof actions === 'function' ? actions(row) : actions;\n        return Array.isArray(base) ? base : [];\n    }, [actions, row]);\n\n    // Filter visibility and compute disabled by predicate/boolean\n    const visibleActions = useMemo(() => {\n        const evalFlag = (flag: boolean | ((r: TData) => boolean) | undefined): boolean | undefined => {\n            if (typeof flag === 'function') return flag(row);\n            return flag;\n        };\n        return resolvedActions\n            .filter(a => {\n                const v = evalFlag(a.isVisible);\n                return v === undefined ? true : v;\n            })\n            .map(a => ({\n                ...a,\n                disabled: evalFlag(a.isDisabled) ?? a.disabled ?? false\n            }));\n    }, [resolvedActions, row]);\n\n    // No actions to render\n    const hasVisibleActions = visibleActions.length > 0;\n\n    // Responsive auto mode: inline over breakpoint, menu under\n    const [isNarrow, setIsNarrow] = useState(false);\n\n    // 1. Split by variant\n    const nonDestructive = visibleActions.filter((action) => action.variant !== 'destructive');\n    const destructive = visibleActions.filter((action) => action.variant === 'destructive');\n\n    // 2. Combine them (non-destructive first, destructive last)\n    const sortedActions = [...nonDestructive, ...destructive];\n\n    useEffect(() => {\n        if (displayMode !== 'auto' || !hasVisibleActions) {\n            setIsNarrow(false);\n            return;\n        }\n\n        const handleResize = () => {\n            try {\n                setIsNarrow(window.innerWidth <= responsiveBreakpoint);\n            } catch {\n                setIsNarrow(false);\n            }\n        };\n\n        handleResize();\n        window.addEventListener('resize', handleResize);\n        return () => window.removeEventListener('resize', handleResize);\n    }, [displayMode, hasVisibleActions, responsiveBreakpoint]);\n\n    if (!hasVisibleActions) return null;\n\n    const mode: 'menu' | 'inline' = displayMode === 'auto' ? (isNarrow ? 'menu' : 'inline') : displayMode;\n\n    const resolveMenuIcon = (icon: ActionItem<TData>['icon']): LucideIcon | undefined => {\n        if (!icon) return undefined;\n        if (typeof icon === 'function') {\n            return icon as LucideIcon;\n        }\n\n        if (isValidElement(icon) && typeof icon.type === 'function') {\n            return icon.type as LucideIcon;\n        }\n\n        return undefined;\n    };\n\n    const resolveActionButtonVariant = (variant?: ActionVariant): {\n        variant: ButtonVariant;\n        buttonStyle: ButtonStyle;\n        className?: string\n    } => {\n        switch (variant) {\n            case 'destructive':\n                return { variant: 'error', buttonStyle: 'solid' };\n            case 'outline':\n                return { variant: 'secondary', buttonStyle: 'outline' };\n            case 'secondary':\n                return { variant: 'secondary', buttonStyle: 'solid' };\n            case 'ghost':\n                return { variant: 'secondary', buttonStyle: 'ghost' };\n            case 'link':\n                return { variant: 'secondary', buttonStyle: 'ghost', className: 'underline underline-offset-4' };\n            case 'default':\n            default:\n                return { variant: 'primary', buttonStyle: 'solid' };\n        }\n    };\n\n    const resolveMenuActionVariant = (\n        variant?: ActionVariant\n    ): NonNullable<MenuActionProps['variant']> => {\n        switch (variant) {\n            case 'default':\n                return 'primary';\n            case 'destructive':\n                return 'error';\n            default:\n                return 'secondary';\n        }\n    };\n\n    if (mode === 'inline') {\n        return (\n            <div className={cn('table-actions--component', 'flex items-center gap-1')}>\n                {sortedActions.map((action, idx) => {\n                    const key = action.id || `${action.label}-${idx}`;\n                    const resolved = resolveActionButtonVariant(action.variant ?? 'ghost');\n                    const onClick = () => {\n                        action.onClick?.(row);\n                    };\n                    return (\n                        <Button\n                            key={key}\n                            variant={resolved.variant}\n                            buttonStyle={resolved.buttonStyle}\n                            className={cn('h-8 text-inherit leading-4', resolved.className)}\n                            disabled={!!action.disabled}\n                            onClick={onClick}\n                        >\n                            {!!action.icon && <span className=\"mr-2 inline-flex\">{action.icon}</span>}\n                            {action.label}\n                        </Button>\n                    );\n                })}\n            </div>\n        );\n    }\n\n\n    // menu mode (default) using our ActionMenu implementation\n    return (\n        <ActionMenu\n            label={undefined}\n            icon={MoreHorizontal}\n            srText={resolvedMenuLabel || strings.actions.srLabel}\n            closeOnSelect={true}\n            align=\"end\"\n            density=\"table\"\n        >\n            {sortedActions.map((action, idx) => {\n                const key = action.id || `${action.label}-${idx}`;\n                const onClick = () => {\n                    action.onClick?.(row);\n                };\n                const menuIcon = resolveMenuIcon(action.icon);\n                const inlineIcon = action.icon\n                    ? <span className=\"inline-flex items-center\">{action.icon}</span>\n                    : null;\n                const fallbackContent = menuIcon ? null : (\n                    <div className=\"flex w-full items-center gap-2\">\n                        {inlineIcon}\n                        <span>{action.label}</span>\n                    </div>\n                );\n\n                const menuActionVariant = resolveMenuActionVariant(\n                    action.variant\n                );\n\n                return (\n                    <MenuAction\n                        key={key}\n                        label={action.label}\n                        icon={menuIcon}\n                        variant={menuActionVariant}\n                        disabled={!!action.disabled}\n                        onClick={onClick}\n                    >\n                        {fallbackContent}\n                    </MenuAction>\n                );\n            })}\n        </ActionMenu>\n    );\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 { 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 && row) {\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`;\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<div className=\"px-1\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\tclassName=\"size-3.5 rounded border-border text-primary accent-primary focus-visible:ring-ring focus-visible:ring-offset-1 cursor-pointer disabled:cursor-not-allowed disabled:opacity-40\"\n\t\t\tchecked={row.getIsSelected()}\n\t\t\tdisabled={!row.getCanSelect()}\n\t\t\tonChange={row.getToggleSelectedHandler()}\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<div className=\"px-1\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\tclassName=\"size-3.5 rounded border-border text-primary accent-primary focus-visible:ring-ring focus-visible:ring-offset-1 cursor-pointer\"\n\t\t\tchecked={table.getIsAllPageRowsSelected()}\n\t\t\tonChange={table.getToggleAllPageRowsSelectedHandler()}\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 { TableBody, TableCell, TableRow } from '@/components/ui/table';\nimport Text from '@/components/typography/text';\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\tdense = 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=\"h-24 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<div className=\"flex flex-col items-center justify-center py-12 space-y-2\">\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-center size-10 rounded-full bg-muted mb-1\">\n\t\t\t\t\t\t\t\t<svg className=\"size-5 text-muted-foreground/60\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" strokeWidth={1.5} stroke=\"currentColor\">\n\t\t\t\t\t\t\t\t\t<path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M20.25 7.5l-.625 10.632a2.25 2.25 0 01-2.247 2.118H6.622a2.25 2.25 0 01-2.247-2.118L3.75 7.5m6 4.125l2.25 2.25m0 0l2.25-2.25M12 13.875V7.5M3.75 7.5h16.5\" />\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{resolvedEmptyStateMessage}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{!!emptyStateAction && (\n\t\t\t\t\t\t\t\t<div className=\"mt-1\">{emptyStateAction}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\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-100',\n\t\t\t\t\t'hover:bg-accent/40 data-[state=selected]:bg-primary/5 data-[state=selected]:hover:bg-primary/10',\n\t\t\t\t\tcursorClass,\n\t\t\t\t\t'border-b border-border 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-5 last:pr-5',\n\t\t\t\t\t\t\t\t\tdense && 'py-1.5 px-2 first:pl-3 last:pr-3 text-xxs leading-3',\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 { TableHead, TableHeader, TableRow } from '@/components/ui/table';\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\tdense = false,\n\t\theaderTransparent = false,\n\t}: DataTableHeaderProps<TData>) {\n\n\tconst headerGroups = table.getHeaderGroups();\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=\"text-center border-r border-border/60 last:border-r-0 px-3 py-2 text-xxs font-bold uppercase tracking-widest text-muted-foreground/70 bg-muted/40\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{currentGroup || ''}\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\tcolSpan={groupSpan}\n\t\t\t\t\t\tclassName=\"text-center border-r border-border/60 last:border-r-0 px-3 py-2 text-xxs font-bold uppercase tracking-widest text-muted-foreground/70 bg-muted/40 whitespace-nowrap\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{currentGroup || ''}\n\t\t\t\t\t</TableHead>\n\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={cn(\n\t\t\t\tstickyHeader &&\n\t\t\t\t\t(headerTransparent\n\t\t\t\t\t\t? 'sticky top-[var(--topbar-height)] z-10 bg-background/80 backdrop-blur-md shadow-[0_1px_0_0_var(--border)]'\n\t\t\t\t\t\t: 'sticky top-[var(--topbar-height)] z-10 bg-muted backdrop-blur-md shadow-[0_1px_0_0_var(--border)]'),\n\t\t\t\theaderClassName,\n\t\t\t)}\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',\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 hover:bg-muted',\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'first:pl-5 last:pr-5',\n\t\t\t\t\t\t\tdense && 'px-2 py-1.5 first:pl-3 last:pr-3 text-xxs',\n\t\t\t\t\t\t\t'text-muted-foreground font-medium uppercase tracking-wider whitespace-nowrap',\n\t\t\t\t\t\t\t'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=\"flex items-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\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 inline-flex items-center gap-1.5 select-none -ml-1 px-1 rounded',\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-3 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\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 bg-foreground bg-opacity-50 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-600 bg-opacity-100',\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)}\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 { ChevronLeft, ChevronRight, Columns3, Maximize2, Minimize2 } from 'lucide-react';\nimport type { Column } from '@tanstack/react-table';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n    DropdownMenu,\n    DropdownMenuCheckboxItem,\n    DropdownMenuContent,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\nimport { defaultDataTableStrings } from './table.strings';\nimport { type DataTableToolbarProps } from './table.types';\n\nconst SCROLL_AMOUNT = 300;\n\nconst btnBase = 'inline-flex items-center justify-center h-7 w-7 rounded-none text-muted-foreground/70 hover:bg-muted hover:text-foreground transition-colors duration-150 disabled:opacity-30 disabled:pointer-events-none';\n\ninterface ToolbarIconButtonProps {\n    label: string;\n    onClick: () => void;\n    disabled?: boolean;\n    className?: string;\n    children: React.ReactNode;\n}\n\nfunction ToolbarIconButton({ label, onClick, disabled, className, children }: ToolbarIconButtonProps) {\n    return (\n        <button\n            type=\"button\"\n            aria-label={label}\n            className={cn('table-toolbar--component', btnBase, className)}\n            onClick={onClick}\n            disabled={disabled}\n        >\n            {children}\n        </button>\n    );\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    if (!tableArea) return null;\n    return tableArea.querySelector<HTMLDivElement>('[data-slot=\"table-container\"]');\n}\n\nexport function DataTableToolbar<TData>({\n    table,\n    tableAreaRef,\n    dense,\n    onDenseChange,\n    enableColumnVisibility = false,\n    strings = defaultDataTableStrings,\n}: DataTableToolbarProps<TData>) {\n    const [canScrollLeft, setCanScrollLeft] = useState(false);\n    const [canScrollRight, setCanScrollRight] = useState(false);\n    const rafRef = useRef(0);\n    const cleanupRef = useRef<(() => void) | null>(null);\n\n    // --- Scroll overflow detection ---\n    const checkOverflow = useCallback(() => {\n        const el = getScrollContainer(tableAreaRef.current);\n        if (!el) {\n            setCanScrollLeft(false);\n            setCanScrollRight(false);\n            return;\n        }\n        const { scrollLeft, scrollWidth, clientWidth } = el;\n        setCanScrollLeft(scrollLeft > 1);\n        setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);\n    }, [tableAreaRef]);\n\n    useEffect(() => {\n        // Defer slightly to ensure the Table primitive has rendered its container\n        const timerId = window.setTimeout(() => {\n            const el = getScrollContainer(tableAreaRef.current);\n            if (!el) return;\n\n            // Initial check\n            checkOverflow();\n\n            const handleScroll = () => {\n                cancelAnimationFrame(rafRef.current);\n                rafRef.current = requestAnimationFrame(checkOverflow);\n            };\n\n            el.addEventListener('scroll', handleScroll, { passive: true });\n\n            // ResizeObserver to detect when table width changes\n            const ro = new ResizeObserver(checkOverflow);\n            ro.observe(el);\n            if (el.firstElementChild) {\n                ro.observe(el.firstElementChild);\n            }\n\n            // Store cleanup references\n            cleanupRef.current = () => {\n                el.removeEventListener('scroll', handleScroll);\n                cancelAnimationFrame(rafRef.current);\n                ro.disconnect();\n            };\n        }, 0);\n\n        return () => {\n            window.clearTimeout(timerId);\n            cleanupRef.current?.();\n        };\n        // Re-run when dense mode changes (layout shift can affect overflow)\n\n    }, [tableAreaRef, checkOverflow, dense]);\n\n    // --- Scroll handlers ---\n    const handleScrollLeft = useCallback(() => {\n        getScrollContainer(tableAreaRef.current)?.scrollBy({ left: -SCROLL_AMOUNT, behavior: 'smooth' });\n    }, [tableAreaRef]);\n\n    const handleScrollRight = useCallback(() => {\n        getScrollContainer(tableAreaRef.current)?.scrollBy({ left: SCROLL_AMOUNT, behavior: 'smooth' });\n    }, [tableAreaRef]);\n\n    // --- Dense toggle ---\n    const handleDenseToggle = useCallback(() => {\n        onDenseChange(!dense);\n    }, [dense, onDenseChange]);\n\n    // --- Column visibility ---\n    const columns = enableColumnVisibility\n        ? table.getAllColumns().filter((column) => column.getCanHide())\n        : [];\n\n    const hasScrollArrows = canScrollLeft || canScrollRight;\n    const hasColumns = enableColumnVisibility && columns.length > 0;\n    const denseToggleLabel = dense\n        ? strings.toolbar.comfortable\n        : strings.toolbar.dense;\n\n    return (\n        <div className=\"flex items-center rounded-md border border-border bg-card\">\n            {/* Scroll arrows - only rendered when overflow exists */}\n            {!!hasScrollArrows && (\n                <>\n                    <ToolbarIconButton\n                        label={strings.toolbar.scrollLeft}\n                        onClick={handleScrollLeft}\n                        disabled={!canScrollLeft}\n                        className=\"rounded-l-[calc(theme(borderRadius.md)-1px)]\"\n                    >\n                        <ChevronLeft className=\"h-3.5 w-3.5\" />\n                    </ToolbarIconButton>\n                    <ToolbarIconButton\n                        label={strings.toolbar.scrollRight}\n                        onClick={handleScrollRight}\n                        disabled={!canScrollRight}\n                    >\n                        <ChevronRight className=\"h-3.5 w-3.5\" />\n                    </ToolbarIconButton>\n                    <div className=\"h-4 w-px bg-border\" />\n                </>\n            )}\n\n            {/* Column visibility dropdown */}\n            {!!hasColumns && (\n                <>\n                    <ColumnVisibilityDropdown\n                        columns={columns}\n                        strings={strings}\n                        roundLeft={!hasScrollArrows}\n                    />\n                    <div className=\"h-4 w-px bg-border\" />\n                </>\n            )}\n\n            {/* Dense/compact toggle */}\n            <ToolbarIconButton\n                label={denseToggleLabel}\n                onClick={handleDenseToggle}\n                className={cn(\n                    'rounded-r-[calc(theme(borderRadius.md)-1px)]',\n                    !hasScrollArrows && !hasColumns && 'rounded-l-[calc(theme(borderRadius.md)-1px)]',\n                )}\n            >\n                {dense\n                    ? <Maximize2 className=\"h-3.5 w-3.5\" />\n                    : <Minimize2 className=\"h-3.5 w-3.5\" />\n                }\n            </ToolbarIconButton>\n        </div>\n    );\n}\n\n/** Extracted dropdown to keep the parent component clean */\nfunction ColumnVisibilityDropdown<TData>({\n    columns,\n    strings,\n    roundLeft,\n}: {\n    columns: Array<Column<TData, unknown>>;\n    strings: NonNullable<DataTableToolbarProps<TData>['strings']>;\n    roundLeft: boolean;\n}) {\n    return (\n        <DropdownMenu>\n            <DropdownMenuTrigger\n                render={(triggerProps) => (\n                    <button\n                        {...triggerProps}\n                        type=\"button\"\n                        aria-label={strings.toolbar.columns}\n                        className={cn(\n                            btnBase,\n                            (triggerProps as Record<string, unknown>).className as string,\n                            roundLeft && 'rounded-l-[calc(theme(borderRadius.md)-1px)]',\n                        )}\n                    >\n                        <Columns3 className=\"h-3.5 w-3.5\" />\n                    </button>\n                )}\n            />\n            <DropdownMenuContent align=\"end\" className=\"w-[200px]\">\n                <DropdownMenuLabel>{strings.columnVisibility.title}</DropdownMenuLabel>\n                <DropdownMenuSeparator />\n                {columns.map((column) => {\n                    const header = column.columnDef.header;\n                    const columnName = strings.columnVisibility.formatLabel(\n                        column.id,\n                        typeof header === 'string' ? header : undefined,\n                    );\n\n                    return (\n                        <DropdownMenuCheckboxItem\n                            key={column.id}\n                            className=\"capitalize\"\n                            checked={column.getIsVisible()}\n                            onCheckedChange={(checked) => column.toggleVisibility(!!checked)}\n                        >\n                            {columnName}\n                        </DropdownMenuCheckboxItem>\n                    );\n                })}\n            </DropdownMenuContent>\n        </DropdownMenu>\n    );\n}\n\nDataTableToolbar.displayName = 'DataTableToolbar';\n","/**\n * DataTable — TanStack-powered data table with sorting, row selection, column\n * visibility, server-side pagination, dense 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 and dense mode persist to localStorage\n * when a `storageKey` is provided.\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\tuseReactTable,\n\ttype SortingState,\n\ttype VisibilityState,\n\ttype Updater,\n\ttype ColumnDef,\n\ttype RowSelectionState,\n} from '@tanstack/react-table';\nimport { createContext, useContext, useState, useMemo, useCallback, useRef } from 'react';\nimport { Table } from '@/components/ui/table';\nimport { useTableConfig } from '@/lib/ui-provider';\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 size = useDataTableSize();\n *   return <Text className=\"data-table--component\" size={size}>{value}</Text>;\n *\n * The built-in renderers in `partials/cell-renderers` consume this hook.\n */\nconst DataTableSizeContext = createContext<'xs' | 'sm' | 'base'>('xs');\n\nexport function useDataTableSize(): 'xs' | 'sm' | 'base' {\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, handleSortingChange, handleColumnVisibilityChange } from './table-helpers';\nimport { mergeDataTableStrings } from './table.strings';\nimport { type DataTableProps } from './table.types';\nimport { Separator } from '@/components/base/display/separator';\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 cells stay at `text-xxs` regardless of body density — the\n// canonical admin pattern is \"tiny uppercase eyebrow header,\n// variable body density.\" A consumer who wants matched header sizing\n// can override via `headerClassName`.\nconst sizeClassByDataTableSize: Record<NonNullable<DataTableProps<object, unknown>['size']>, string> = {\n\txs:   '[&_th]:text-xxs [&_td]:text-xs   [&_th]:py-1.5 [&_td]:py-1.5 [&_th]:px-2   [&_td]:px-2   [&_th]:h-8',\n\tsm:   '[&_th]:text-xxs [&_td]:text-sm   [&_th]:py-2   [&_td]:py-2   [&_th]:px-2.5 [&_td]:px-2.5 [&_th]:h-10',\n\tbase: '[&_th]:text-xs  [&_td]:text-base [&_th]:py-3.5 [&_td]:py-3   [&_th]:px-4   [&_td]:px-3   [&_th]:h-14',\n};\n\nexport function DataTable<TData extends object, TValue = unknown>({\n\tsize,\n\tsurface = 'card',\n\theaderTransparent = false,\n\tcolumns,\n\tdata,\n\tcolumnGroups,\n\trowActions,\n\trowActionsMenuLabel,\n\trowActionsDisplayMode,\n\trowActionsBreakpoint,\n\tenableSorting = false,\n\tmanualSorting = false,\n\tenableColumnVisibility = false,\n\tenableRowSelection = false,\n\tenableMultiRowSelection = true,\n\tenableSubRowSelection = false,\n\tpagination,\n\tpageQueryKey,\n\tonPageChange,\n\tonSort,\n\tonRowClick,\n\tonRowSelectionChange,\n\tstickyHeader = false,\n\tstickyFirstColumn = 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\tinitialState,\n\tonColumnVisibilityChange,\n\tstrings: stringsOverride,\n\ttopbarContent,\n\tstorageKey,\n}: DataTableProps<TData, TValue>) {\n\tconst { defaultSize } = useTableConfig();\n\tconst resolvedSize: NonNullable<DataTableProps<TData, TValue>['size']> =\n\t\tsize ?? defaultSize ?? 'xs';\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 resolvedRowActionsMenuLabel =\n\t\trowActionsMenuLabel ?? strings.actions.triggerLabel;\n\tconst resolvedPageQueryKey = pageQueryKey ?? 'page';\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// --- Dense mode storage key ---\n\tconst denseStorageKey = useMemo(() => {\n\t\treturn storageKey ? `dt.${storageKey}.dense` : null;\n\t}, [storageKey]);\n\n\t// --- Load initial column visibility from localStorage if persistence enabled ---\n\tconst initialColumnVisibility = useMemo<VisibilityState>(() => {\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 initialState?.columnVisibility || {};\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// Merge with initialState if provided\n\t\t\treturn { ...parsed, ...(initialState?.columnVisibility || {}) };\n\t\t} catch {\n\t\t\t// If parsing fails, fall back to initialState\n\t\t\treturn initialState?.columnVisibility || {};\n\t\t}\n\t}, [formattedStorageKey, initialState?.columnVisibility]);\n\n\t// --- Load initial dense mode from localStorage ---\n\tconst initialDense = useMemo(() => {\n\t\tif (!denseStorageKey || typeof window === 'undefined') return false;\n\t\ttry {\n\t\t\treturn window.localStorage.getItem(denseStorageKey) === '1';\n\t\t} catch {\n\t\t\treturn false;\n\t\t}\n\t}, [denseStorageKey]);\n\n\t// --- State for sorting, visibility, and dense mode ---\n\tconst [sorting, setSorting] = useState<SortingState>(initialState?.sorting || []);\n\tconst [columnVisibility, setColumnVisibility] = useState<VisibilityState>(\n\t\tinitialColumnVisibility,\n\t);\n\tconst [internalRowSelection, setInternalRowSelection] = useState<RowSelectionState>(\n\t\tinitialState?.rowSelection || {},\n\t);\n\tconst [dense, setDense] = useState(initialDense);\n\tconst rowSelection = controlledRowSelection ?? internalRowSelection;\n\n\t// --- Refs ---\n\tconst tableAreaRef = useRef<HTMLDivElement>(null);\n\n\t// --- Callbacks ---\n\tconst handleSortingChangeCallback = useCallback(\n\t\t(updater: Updater<SortingState>) => {\n\t\t\thandleSortingChange(updater, setSorting, onSort);\n\t\t},\n\t\t[onSort],\n\t);\n\n\tconst handleVisibilityChangeCallback = useCallback(\n\t\t(updater: Updater<VisibilityState>) => {\n\t\t\thandleColumnVisibilityChange(\n\t\t\t\tupdater,\n\t\t\t\tsetColumnVisibility,\n\t\t\t\t(newState) => {\n\t\t\t\t\t// Persist to localStorage if enabled\n\t\t\t\t\tif (formattedStorageKey && typeof window !== 'undefined') {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\twindow.localStorage.setItem(\n\t\t\t\t\t\t\t\tformattedStorageKey,\n\t\t\t\t\t\t\t\tJSON.stringify(newState),\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\t// Silent fail - quota exceeded or other localStorage errors\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Call user-provided handler\n\t\t\t\t\tif (onColumnVisibilityChange) {\n\t\t\t\t\t\tonColumnVisibilityChange(newState);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t);\n\t\t},\n\t\t[formattedStorageKey, onColumnVisibilityChange],\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 handleDenseChange = useCallback(\n\t\t(value: boolean) => {\n\t\t\tsetDense(value);\n\t\t\tif (denseStorageKey && typeof window !== 'undefined') {\n\t\t\t\ttry {\n\t\t\t\t\twindow.localStorage.setItem(denseStorageKey, value ? '1' : '0');\n\t\t\t\t} catch {\n\t\t\t\t\t// Silent fail\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[denseStorageKey],\n\t);\n\n\tconst columnsWithActions = useMemo<ColumnDef<TData, TValue>[]>(() => {\n\t\tconst baseColumns = enableRowSelection\n\t\t\t? addSelectionColumn<TData, TValue>(resolvedColumns, strings)\n\t\t\t: resolvedColumns;\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={resolvedRowActionsMenuLabel}\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\tenableRowSelection,\n\t\trowActions,\n\t\tresolvedRowActionsMenuLabel,\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 },\n\t\tenableSorting,\n\t\tmanualSorting,\n\t\tenableRowSelection,\n\t\tenableMultiRowSelection,\n\t\tenableSubRowSelection,\n\t\tonSortingChange:\n\t\t\tenableSorting && manualSorting ? handleSortingChangeCallback : undefined,\n\t\tonRowSelectionChange:\n\t\t\tenableRowSelection ? handleRowSelectionChangeCallback : undefined,\n\t\tonColumnVisibilityChange: handleVisibilityChangeCallback,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tgetRowId,\n\t});\n\n\t// --- Determine server pagination ---\n\tconst shouldShow = pagination && pagination.last_page > 1;\n\n\tconst Provider = DataTableSizeContext.Provider;\n\n\treturn (\n\t\t<Provider value={resolvedSize}>\n\t\t<div className={cn(\n\t\t\tdense\n\t\t\t\t? 'fixed inset-0 z-50 bg-background flex flex-col overflow-hidden p-6'\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\tsurface === 'card' &&\n\t\t\t\t\t\t'overflow-hidden rounded-lg border border-border bg-card shadow-[0_1px_3px_0_rgb(0_0_0/0.04)]',\n\t\t\t\t\tsurface === 'glass' &&\n\t\t\t\t\t\t'rounded-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{!!(topbarContent || enableColumnVisibility) && (\n\t\t\t\t<div className=\"relative\">\n\n                    <div className={cn(\n                        'data-table-topbar flex items-end justify-between gap-4 px-5 py-3.5',\n                        dense ? 'mb-3 shrink-0' : 'mb-0',\n                    )}>\n                        <div className=\"data-table-topbar-left flex-1\">{topbarContent}</div>\n                        <div className=\"data-table-topbar-right flex items-center justify-end\">\n                            <DataTableToolbar\n                                table={table}\n                                tableAreaRef={tableAreaRef}\n                                dense={dense}\n                                onDenseChange={handleDenseChange}\n                                enableColumnVisibility={enableColumnVisibility}\n                                strings={strings}\n                            />\n                        </div>\n\n                    </div>\n                    <Separator />\n                </div>\n\t\t\t)}\n\n\n\t\t\t<div\n\t\t\t\tref={tableAreaRef}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'',\n\t\t\t\t\tdense ? 'flex-1 overflow-auto min-h-0' : innerClassName,\n\t\t\t\t)}\n\t\t\t>\n\n\t\t\t\t<Table className={cn(\n\t\t\t\t\t'relative',\n\t\t\t\t\tsizeClassByDataTableSize[resolvedSize],\n\t\t\t\t\tclassName,\n\t\t\t\t)} containerClassName={tableContainerClassName}>\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\tdense={dense}\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\tdense={dense}\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                    <Separator />\n                    <Pagination\n                        pagination={pagination}\n                        onPageChange={onPageChange}\n                        pageQueryKey={resolvedPageQueryKey}\n                        labels={strings.pagination}\n                    />\n                </>\n\t\t\t)}\n\t\t</div>\n\t\t</Provider>\n\t);\n}\n\nDataTable.displayName = 'DataTable';\n","import { Button } from '@/components/base/buttons';\nimport { Input } from '@/components/base/forms/fields';\nimport {\n\tDropdownMenu,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuContent,\n\tDropdownMenuLabel,\n\tDropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\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-4')}>\n\t\t\t<div className=\"flex flex-1 items-center space-x-2\">\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<DropdownMenu>\n\t\t\t\t\t\t<DropdownMenuTrigger\n\t\t\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\t\t\tclassName=\"ml-auto\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{strings.columnVisibility.triggerLabel}\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<DropdownMenuContent align=\"end\">\n\t\t\t\t\t\t\t<DropdownMenuLabel>{strings.columnVisibility.title}</DropdownMenuLabel>\n\t\t\t\t\t\t\t{table\n\t\t\t\t\t\t\t\t.getAllColumns()\n\t\t\t\t\t\t\t\t.filter((column) => column.getCanHide())\n\t\t\t\t\t\t\t\t.map((column) => {\n\t\t\t\t\t\t\t\t\tconst header = column.columnDef.header;\n\t\t\t\t\t\t\t\t\tconst columnName = strings.columnVisibility.formatLabel(\n\t\t\t\t\t\t\t\t\t\tcolumn.id,\n\t\t\t\t\t\t\t\t\t\ttypeof header === 'string' ? header : undefined,\n\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\t\t\t\t\t\tkey={column.id}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"capitalize\"\n\t\t\t\t\t\t\t\t\t\t\tchecked={column.getIsVisible()}\n\t\t\t\t\t\t\t\t\t\t\tonCheckedChange={(checked) =>\n\t\t\t\t\t\t\t\t\t\t\t\tcolumn.toggleVisibility(!!checked)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{columnName}\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuCheckboxItem>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t)}\n\t\t</div>\n\t);\n}\n\nDataTableFilterBar.displayName = 'DataTableFilterBar';\n","import { Button } from '@/components/base/buttons';\nimport Text from '@/components/typography/text';\nimport { defaultDataTableStrings } from './table.strings';\nimport { type DataTablePaginationProps } from './table.types';\n\nimport { cn } from '@/lib/utils';\nexport function DataTablePagination({ table, selectedRowCount, totalRowCount, strings = defaultDataTableStrings }: DataTablePaginationProps) {\n    // Use provided counts or get from table\n    const selected = selectedRowCount ?? table.getFilteredSelectedRowModel().rows.length;\n    const total = totalRowCount ?? table.getFilteredRowModel().rows.length;\n    const summary = strings.selection.summary(selected, total);\n\n    return (\n        <div className={cn('table-pagination--component', 'flex items-center justify-end space-x-2 px-4 py-4')}>\n            <div className=\"flex-1\">\n                <Text type=\"secondary\">\n                    {summary}\n                </Text>\n            </div>\n            <Button variant=\"secondary\" buttonStyle=\"outline\" onClick={() => table.previousPage()} disabled={!table.getCanPreviousPage()}>\n                {strings.pagination.previous}\n            </Button>\n            <Button variant=\"secondary\" buttonStyle=\"outline\" onClick={() => table.nextPage()} disabled={!table.getCanNextPage()}>\n                {strings.pagination.next}\n            </Button>\n        </div>\n    );\n}\n\nDataTablePagination.displayName = 'DataTablePagination';\n","import { Settings2 } from 'lucide-react';\nimport { Button } from '@/components/base/buttons';\nimport {\n    DropdownMenu,\n    DropdownMenuCheckboxItem,\n    DropdownMenuContent,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\nimport { defaultDataTableStrings } from './table.strings';\nimport { type ColumnVisibilityToggleProps } from './table.types';\n\nexport function ColumnVisibilityToggle<TData>({\n    table,\n    className,\n    align = 'end',\n    strings = defaultDataTableStrings,\n}: ColumnVisibilityToggleProps<TData>) {\n    const columns = table.getAllColumns()\n        .filter((column) => column.getCanHide());\n\n    if (columns.length === 0) return null;\n\n    return (\n        <DropdownMenu>\n            <DropdownMenuTrigger\n                render={(triggerProps) => (\n                    <Button\n                        {...triggerProps}\n                        variant=\"secondary\"\n                        buttonStyle=\"outline\"\n                        className={cn(\n                            'column-visibility-toggle--component',\n                            'h-8 flex items-center gap-2',\n                             \n                            (triggerProps as { className?: string }).className,\n                            className,\n                        )}\n                    >\n                        { }\n                        {(triggerProps as { children?: React.ReactNode }).children}\n                    </Button>\n                )}\n            >\n                <Settings2 className=\"h-4 w-4\" />\n                <span className=\"hidden sm:inline\">{strings.columnVisibility.triggerLabel}</span>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align={align} className=\"w-[200px]\">\n                <DropdownMenuLabel>{strings.columnVisibility.title}</DropdownMenuLabel>\n                <DropdownMenuSeparator />\n                {columns.map((column) => {\n                    const header = column.columnDef.header;\n                    const columnName = strings.columnVisibility.formatLabel(\n                        column.id,\n                        typeof header === 'string' ? header : undefined,\n                    );\n\n                    return (\n                        <DropdownMenuCheckboxItem\n                            key={column.id}\n                            className=\"capitalize\"\n                            checked={column.getIsVisible()}\n                            onCheckedChange={(checked) => column.toggleVisibility(!!checked)}\n                        >\n                            {columnName}\n                        </DropdownMenuCheckboxItem>\n                    );\n                })}\n            </DropdownMenuContent>\n        </DropdownMenu>\n    );\n}\n\nColumnVisibilityToggle.displayName = 'ColumnVisibilityToggle';\n","import type { ReactNode } from 'react';\nimport { Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\ninterface CellValueProps {\n    /** The value to display. When falsy, renders fallback with muted styling. */\n    value?: string | number | null | undefined;\n    /** Text shown when value is missing. Defaults to '--'. */\n    fallback?: string;\n    /** Force missing state regardless of value truthiness. */\n    missing?: boolean;\n    /** Additional class names (e.g. 'tabular-nums', 'font-mono'). */\n    className?: string;\n    /** Children override — when provided, renders children directly with missing styling applied. */\n    children?: ReactNode;\n}\n\n/**\n * Table cell value with automatic missing-value treatment.\n *\n * When the value is falsy (or `missing` is explicitly true), renders\n * the fallback text at reduced opacity. Otherwise renders the value\n * with inherited table cell styling.\n *\n * @example\n * // Auto-detect missing\n * <CellValue value={phone} fallback={t('shared.tables.ui.empty')} />\n *\n * // Explicit missing flag\n * <CellValue missing={!defaultBusiness} fallback={t('vendors.tables.ui.no_default_business')} />\n *\n * // With formatting class\n * <CellValue value={date} className=\"tabular-nums\" />\n *\n * // Custom children with missing styling\n * <CellValue missing={!phone}>\n *   {phone || 'No items to display'}\n * </CellValue>\n */\nexport function CellValue({ value, fallback = '--', missing, className, children }: CellValueProps) {\n    const isMissing = missing ?? (value === null || value === undefined || value === '');\n\n    if (children !== undefined) {\n        return (\n            <Text\n                tag=\"span\"\n                size=\"inherit\"\n                type={isMissing ? 'secondary' : 'main'}\n                className={cn(isMissing && 'opacity-60', className)}\n            >\n                {children}\n            </Text>\n        );\n    }\n\n    if (isMissing) {\n        return (\n            <Text tag=\"span\" size=\"inherit\" type=\"secondary\" className={cn('opacity-60', className)}>\n                {fallback}\n            </Text>\n        );\n    }\n\n    return (\n        <Text tag=\"span\" size=\"inherit\" className={className}>\n            {String(value)}\n        </Text>\n    );\n}\n\nCellValue.displayName = 'CellValue';\n","import type { AnchorHTMLAttributes } from 'react';\n\ntype TableLinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;\n\nexport const TableLink = (props: TableLinkProps) => {\n\treturn (\n\t\t<a\n\t\t\tclassName=\"text-foreground underline decoration-border decoration-dotted underline-offset-2 transition-colors duration-150 hover:text-foreground hover:decoration-muted-foreground\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{props.children}\n\t\t</a>\n\t);\n};\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 ComposedBadgeVariant } from '@/components/base/badge';\nimport { Text } from '@/components/typography';\nimport { EMPTY } from '@/lib/format';\nimport { cn } from '@/lib/utils';\n\n// ──────────────────────────────────────────────────────────────\n// StatusCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface StatusCellEntry {\n\tlabel: ReactNode;\n\tvariant?: ComposedBadgeVariant;\n\ticon?: LucideIcon;\n\tdot?: boolean;\n}\n\nexport interface StatusCellProps<TStatus extends string> {\n\tvalue?: TStatus | null;\n\tmap: Record<TStatus, StatusCellEntry>;\n\temptyLabel?: ReactNode;\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('opacity-60', 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\tvariant={entry.variant ?? 'secondary'}\n\t\t\tclassName={cn('gap-1.5', className)}\n\t\t>\n\t\t\t{!!Icon && <Icon className=\"size-3\" />}\n\t\t\t{entry.label}\n\t\t</Badge>\n\t);\n}\n\nStatusCell.displayName = 'StatusCell';\n\n// ──────────────────────────────────────────────────────────────\n// DateCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface DateCellProps {\n\tvalue?: string | number | Date | null;\n\t/** A Intl.DateTimeFormatOptions preset. Default: short month + day + year. */\n\toptions?: Intl.DateTimeFormatOptions;\n\tlocale?: string;\n\tshowIcon?: boolean;\n\ticon?: ComponentType<{ className?: string }>;\n\temptyLabel?: ReactNode;\n\tclassName?: string;\n}\n\nconst DEFAULT_DATE_OPTIONS: Intl.DateTimeFormatOptions = {\n\tmonth: 'short',\n\tday: 'numeric',\n\tyear: 'numeric',\n};\n\nexport function DateCell({\n\tvalue,\n\toptions = DEFAULT_DATE_OPTIONS,\n\tlocale,\n\tshowIcon = true,\n\ticon: IconComponent = Calendar,\n\temptyLabel = EMPTY,\n\tclassName,\n}: DateCellProps) {\n\tif (value === null || value === undefined || value === '') {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('opacity-60', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\tconst date = value instanceof Date ? value : new Date(value);\n\tif (Number.isNaN(date.getTime())) {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('opacity-60', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\tconst formatter = new Intl.DateTimeFormat(locale, options);\n\treturn (\n\t\t<span className={cn('inline-flex items-center gap-1.5 tabular-nums', className)}>\n\t\t\t{!!showIcon && <IconComponent className=\"size-3.5 text-muted-foreground\" />}\n\t\t\t<Text size=\"inherit\" type=\"secondary\">\n\t\t\t\t{formatter.format(date)}\n\t\t\t</Text>\n\t\t</span>\n\t);\n}\n\nDateCell.displayName = 'DateCell';\n\n// ──────────────────────────────────────────────────────────────\n// CurrencyCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface CurrencyCellProps {\n\tvalue?: number | string | null;\n\tcurrency?: string;\n\tlocale?: string;\n\temptyLabel?: ReactNode;\n\tclassName?: string;\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\tconst numeric = typeof value === 'number' ? value : Number.parseFloat(String(value ?? ''));\n\tif (!Number.isFinite(numeric)) {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('opacity-60', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\tconst formatted = currency\n\t\t? new Intl.NumberFormat(locale, {\n\t\t\t\tstyle: 'currency',\n\t\t\t\tcurrency,\n\t\t\t\tmaximumFractionDigits: 2,\n\t\t\t}).format(numeric)\n\t\t: numeric.toFixed(2);\n\treturn (\n\t\t<Text\n\t\t\ttag=\"span\"\n\t\t\tsize=\"inherit\"\n\t\t\tweight={weight}\n\t\t\tclassName={cn('tabular-nums', className)}\n\t\t>\n\t\t\t{formatted}\n\t\t</Text>\n\t);\n}\n\nCurrencyCell.displayName = 'CurrencyCell';\n\n// ──────────────────────────────────────────────────────────────\n// AvatarCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface AvatarCellProps {\n\tname?: string | null;\n\timageUrl?: string;\n\ticon?: ComponentType<{ className?: string }>;\n\tsubtitle?: ReactNode;\n\temptyLabel?: ReactNode;\n\tclassName?: string;\n}\n\nfunction getInitials(name: string): string {\n\treturn name\n\t\t.split(/\\s+/)\n\t\t.filter(Boolean)\n\t\t.slice(0, 2)\n\t\t.map((p) => p[0]!.toUpperCase())\n\t\t.join('');\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('opacity-60', 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('inline-flex items-center gap-2', className)}>\n\t\t\t<span className=\"relative inline-flex size-7 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=\"xs\" weight=\"semibold\" className=\"leading-none\">\n\t\t\t\t\t\t{getInitials(name)}\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<IconComponent className=\"size-3.5\" />\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=\"xs\" 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","/**\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 / dense toggle 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\tconst timerId = window.setTimeout(() => {\n\t\t\tconst el = getDataTableScrollContainer(tableAreaRef.current);\n\t\t\tif (!el) return;\n\n\t\t\tmeasure();\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\treturn () => {\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 () => window.clearTimeout(timerId);\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\n/**\n * localStorage-backed boolean state for the dense / comfortable toggle.\n * `null` storageKey disables persistence (the value is purely in-memory).\n */\nexport function usePersistentDensity(\n\tstorageKey: string | null,\n\tdefaultDense = false,\n): [boolean, (next: boolean) => void] {\n\tconst initial = (() => {\n\t\tif (!storageKey || typeof window === 'undefined') return defaultDense;\n\t\ttry {\n\t\t\tconst raw = window.localStorage.getItem(storageKey);\n\t\t\tif (raw === '1') return true;\n\t\t\tif (raw === '0') return false;\n\t\t\treturn defaultDense;\n\t\t} catch {\n\t\t\treturn defaultDense;\n\t\t}\n\t})();\n\n\tconst [dense, setDenseState] = useState(initial);\n\n\tconst setDense = useCallback(\n\t\t(next: boolean) => {\n\t\t\tsetDenseState(next);\n\t\t\tif (storageKey && typeof window !== 'undefined') {\n\t\t\t\ttry {\n\t\t\t\t\twindow.localStorage.setItem(storageKey, next ? '1' : '0');\n\t\t\t\t} catch {\n\t\t\t\t\t/* ignore quota / disabled-storage errors */\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[storageKey],\n\t);\n\n\treturn [dense, setDense];\n}\n","/**\n * DensityToggle — small icon button that flips between \"dense\" and\n * \"comfortable\" table modes. Stateless: render-time `dense` boolean +\n * `onChange` callback. Pair with `usePersistentDensity` from `../hooks`\n * when you want to persist the choice to localStorage.\n *\n * Used internally by `DataTableToolbar`; exposed for consumers building\n * custom toolbars.\n */\nimport { Maximize2, Minimize2 } from 'lucide-react';\nimport { cn } from '@/lib/utils';\n\nconst buttonClass =\n\t'inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-30';\n\nexport interface DensityToggleProps {\n\tdense: boolean;\n\tonChange: (next: boolean) => void;\n\tdenseLabel?: string;\n\tcomfortableLabel?: string;\n\tclassName?: string;\n}\n\nexport function DensityToggle({\n\tdense,\n\tonChange,\n\tdenseLabel = 'Dense',\n\tcomfortableLabel = 'Comfortable',\n\tclassName,\n}: DensityToggleProps) {\n\tconst label = dense ? comfortableLabel : denseLabel;\n\tconst Icon = dense ? Maximize2 : Minimize2;\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\taria-label={label}\n\t\t\taria-pressed={dense}\n\t\t\tonClick={() => onChange(!dense)}\n\t\t\tclassName={cn(buttonClass, className)}\n\t\t>\n\t\t\t<Icon className=\"size-3.5\" />\n\t\t</button>\n\t);\n}\n\nDensityToggle.displayName = 'DensityToggle';\n"],"mappings":"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"}