admin-ui-starter-kit 0.6.8 → 0.7.0

package/dist/_shared/table-GqTKCC8F.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-GqTKCC8F.cjs","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/column-visibility-toggle.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/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        clear: 'Clear selection',\n    },\n    accessibility: {\n        scrollRegion: 'Table scroll area',\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        accessibility: mergeNested(defaultDataTableStrings.accessibility, overrides.accessibility),\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\t<PaginationPrevious\n\t\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\t\tclassName={`h-control-sm text-sm ${!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\t<PaginationEllipsis className=\"size-control-sm\" />\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<PaginationLink\n\t\t\t\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\t\t\t\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\t\tclassName=\"size-control-sm text-sm\"\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\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\t\tclassName={`h-control-sm text-sm ${!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\t    if (mode === 'inline') {\n\t        return (\n\t            <div className={cn('table-actions--component', 'flex items-center gap-space-sm')}>\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\t                            key={key}\n\t                            variant={resolved.variant}\n\t                            buttonStyle={resolved.buttonStyle}\n\t                            size=\"small\"\n\t                            className={cn('text-inherit leading-tight', resolved.className)}\n                            disabled={!!action.disabled}\n                            onClick={onClick}\n                        >\n\t                            {!!action.icon && <span className=\"mr-space-sm 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\t                    <div className=\"flex w-full items-center gap-space-md\">\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 { Checkbox } from '@/components/base/forms/fields/checkbox';\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 shadow-[1px_0_0_0_var(--border)]`;\n\t}\n\n\treturn baseClassName;\n};\n\n/**\n * Get selected rows data from the table\n */\nexport const getSelectedRowsData = <T extends object>(table: Table<T>): T[] => {\n\treturn table.getSelectedRowModel().rows.map((row) => row.original);\n};\n\n/**\n * Create row selection component for a row\n */\nexport const createRowSelectionCheckbox = <TData,>(\n\trow: Row<TData>,\n\tstrings: DataTableStrings = defaultDataTableStrings,\n) => (\n\t\t<div className=\"px-space-sm\">\n\t\t\t<Checkbox\n\t\t\t\tclassName=\"size-icon cursor-pointer disabled:cursor-not-allowed disabled:opacity-40\"\n\t\t\tchecked={row.getIsSelected()}\n\t\t\tdisabled={!row.getCanSelect()}\n\t\t\tonCheckedChange={(checked) => row.toggleSelected(checked === true)}\n\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\taria-label={strings.selection.row(row.index)}\n\t\t/>\n\t</div>\n);\n\n/**\n * Create header selection checkbox\n */\nexport const createHeaderSelectionCheckbox = <TData,>(\n\ttable: Table<TData>,\n\tstrings: DataTableStrings = defaultDataTableStrings,\n) => (\n\t\t<div className=\"px-space-sm\">\n\t\t\t<Checkbox\n\t\t\t\tclassName=\"size-icon cursor-pointer\"\n\t\t\tchecked={table.getIsAllPageRowsSelected()}\n\t\t\tindeterminate={table.getIsSomePageRowsSelected() && !table.getIsAllPageRowsSelected()}\n\t\t\tonCheckedChange={(checked) => table.toggleAllPageRowsSelected(checked === true)}\n\t\t\taria-label={strings.selection.selectAll}\n\t\t/>\n\t</div>\n);\n\n/**\n * Add selection column to columns\n */\nexport const addSelectionColumn = <TData, TValue = unknown>(\n\tcolumns: ColumnDef<TData, TValue>[],\n\tstrings: DataTableStrings = defaultDataTableStrings,\n) => {\n\tconst selectionColumn = {\n\t\tid: 'selection',\n\t\theader: ({ table }: { table: Table<TData> }) =>\n\t\t\tcreateHeaderSelectionCheckbox(table, strings),\n\t\tcell: ({ row }: { row: Row<TData> }) => createRowSelectionCheckbox(row, strings),\n\t\tenableSorting: false,\n\t\tenableResizing: false,\n\t\tsize: 40,\n\t} as ColumnDef<TData, TValue>;\n\n\treturn [selectionColumn, ...columns];\n};\n","/**\n * DataTableBody — body rows, selection highlighting, hover, empty state,\n * and (optional) loading skeleton. Stronger hover + selection contrast than\n * the original implementation so rows feel interactive at a glance.\n */\nimport { flexRender } from '@tanstack/react-table';\nimport { 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 gap-space-md py-12\">\n\t\t\t\t\t\t\t<div className=\"mb-space-sm flex size-avatar-lg items-center justify-center rounded-full bg-muted\">\n\t\t\t\t\t\t\t\t<svg className=\"size-icon-lg 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-150',\n\t\t\t\t\t'hover:bg-muted/35 data-[state=selected]:bg-primary/8',\n\t\t\t\t\tcursorClass,\n\t\t\t\t\t'border-b border-border/50 last:border-b-0',\n\t\t\t\t);\n\t\t\t\tconst rowState = isRowSelected ? 'selected' : null;\n\n\t\t\t\treturn (\n\t\t\t\t\t<TableRow\n\t\t\t\t\t\tkey={row.id}\n\t\t\t\t\t\tdata-state={rowState}\n\t\t\t\t\t\tclassName={rowClasses}\n\t\t\t\t\t\tonClick={handleRowSelection}\n\t\t\t\t\t>\n\t\t\t\t\t\t{rowCells.map((cell, cellIndex) => (\n\t\t\t\t\t\t\t<TableCell\n\t\t\t\t\t\t\t\tkey={cell.id}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\tgetCellClassName(\n\t\t\t\t\t\t\t\t\t\tcell.column.id,\n\t\t\t\t\t\t\t\t\t\trow,\n\t\t\t\t\t\t\t\t\t\tcellClassName,\n\t\t\t\t\t\t\t\t\t\tstickyFirstColumn,\n\t\t\t\t\t\t\t\t\t\tcellIndex === 0,\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t'first:pl-surface last:pr-surface',\n\t\t\t\t\t\t\t\t\tcell.column.columnDef.meta?.align === 'end' && 'text-right',\n\t\t\t\t\t\t\t\t\tcell.column.columnDef.meta?.align === 'center' && 'text-center',\n\t\t\t\t\t\t\t\t\tdense && 'px-surface py-row-y-sm text-sm first:pl-surface last:pr-surface',\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\tconst stickyCellClassName = stickyHeader\n\t\t? cn(\n\t\t\t'sticky top-0 z-20 backdrop-blur-md shadow-[0_1px_0_0_var(--border)]',\n\t\t\theaderTransparent ? 'bg-background/95' : 'bg-muted/95',\n\t\t)\n\t\t: '';\n\n\tconst getColumnGroup = (columnId: string) => {\n\t\tif (!columnGroups) return null;\n\t\treturn columnGroups.find(group => group.columns.includes(columnId));\n\t};\n\n\tconst renderGroupHeaderRow = () => {\n\t\tif (!columnGroups || columnGroups.length === 0 || headerGroups.length === 0) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst headers = headerGroups[0].headers;\n\t\tlet currentGroup: string | null = null;\n\t\tlet groupSpan = 0;\n\t\tconst groupCells: React.ReactNode[] = [];\n\n\t\theaders.forEach((header, index) => {\n\t\t\tconst group = getColumnGroup(header.id);\n\t\t\tconst groupName = group?.header || '';\n\n\t\t\tif (groupName !== currentGroup) {\n\t\t\t\tif (currentGroup !== null && groupSpan > 0) {\n\t\t\t\t\tgroupCells.push(\n\t\t\t\t\t\t<TableHead\n\t\t\t\t\t\t\tkey={`group-${currentGroup}-${groupCells.length}`}\n\t\t\t\t\t\t\tcolSpan={groupSpan}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'h-12 border-r border-border/60 bg-muted/35 px-surface py-row-y-sm text-center text-sm font-medium uppercase tracking-wide text-muted-foreground/75 last:border-r-0',\n\t\t\t\t\t\t\t\tstickyCellClassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{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={cn(\n\t\t\t\t\t\t\t'h-12 whitespace-nowrap border-r border-border/60 bg-muted/35 px-surface py-row-y-sm text-center text-sm font-medium uppercase tracking-wide text-muted-foreground/75 last:border-r-0',\n\t\t\t\t\t\t\tstickyCellClassName,\n\t\t\t\t\t\t)}\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={headerClassName}\n\t\t>\n\t\t\t{renderGroupHeaderRow()}\n\t\t\t{headerGroups.map((headerGroup) => (\n\t\t\t\t<TableRow\n\t\t\t\t\tkey={headerGroup.id}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'border-b border-border/70',\n\t\t\t\t\t\theaderTransparent\n\t\t\t\t\t\t\t? 'bg-transparent hover:bg-transparent'\n\t\t\t\t\t\t\t: 'bg-muted/45 hover:bg-muted/45',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{headerGroup.headers.map((header, index) => {\n\t\t\t\t\t\tconst cellClasses = cn(\n\t\t\t\t\t\t\tgetCellClassName(\n\t\t\t\t\t\t\t\theader.id,\n\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\tcellClassName,\n\t\t\t\t\t\t\t\tstickyFirstColumn,\n\t\t\t\t\t\t\t\tindex === 0,\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t'h-12',\n\t\t\t\t\t\t\t'first:pl-surface last:pr-surface',\n\t\t\t\t\t\t\tdense && 'px-surface py-row-y-sm text-sm first:pl-surface last:pr-surface',\n\t\t\t\t\t\t\t'text-muted-foreground font-medium whitespace-nowrap',\n\t\t\t\t\t\t\theader.column.columnDef.meta?.align === 'end' && 'text-right',\n\t\t\t\t\t\t\theader.column.columnDef.meta?.align === 'center' && 'text-center',\n\t\t\t\t\t\t\tstickyCellClassName,\n\t\t\t\t\t\t\tstickyHeader && stickyFirstColumn && index === 0 && 'z-30',\n\t\t\t\t\t\t\t!stickyHeader && 'bg-transparent',\n\t\t\t\t\t\t);\n\t\t\t\t\t\tconst headerStyle = enableResizing\n\t\t\t\t\t\t\t? { position: 'relative' as const }\n\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\tconst resizeHandler = header.getResizeHandler();\n\t\t\t\t\t\tconst isResizing = header.column.getIsResizing();\n\t\t\t\t\t\tconst columnLabel = (() => {\n\t\t\t\t\t\t\tconst rawHeader = header.column.columnDef.header;\n\t\t\t\t\t\t\tif (typeof rawHeader === 'string') {\n\t\t\t\t\t\t\t\treturn rawHeader;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn typeof header.id === 'string' ? header.id : 'column';\n\t\t\t\t\t\t})();\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<TableHead\n\t\t\t\t\t\t\t\tkey={header.id}\n\t\t\t\t\t\t\t\tclassName={cellClasses}\n\t\t\t\t\t\t\t\tstyle={headerStyle}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{header.isPlaceholder ? null : (\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t{(() => {\n\t\t\t\t\t\t\t\t\t\t\tconst canSort = header.column.getCanSort();\n\t\t\t\t\t\t\t\t\t\t\tconst sortDir = header.column.getIsSorted();\n\t\t\t\t\t\t\t\t\t\t\tconst headerNode = flexRender(\n\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.header,\n\t\t\t\t\t\t\t\t\t\t\t\theader.getContext(),\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\tconst SortIcon =\n\t\t\t\t\t\t\t\t\t\t\t\tsortDir === 'asc'\n\t\t\t\t\t\t\t\t\t\t\t\t\t? ArrowUp\n\t\t\t\t\t\t\t\t\t\t\t\t\t: sortDir === 'desc'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? ArrowDown\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ChevronsUpDown;\n\t\t\t\t\t\t\t\t\t\t\tif (!canSort) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn <div className={cn('flex items-center', header.column.columnDef.meta?.align === 'end' && 'justify-end', header.column.columnDef.meta?.align === 'center' && 'justify-center')}>{headerNode}</div>;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={header.column.getToggleSortingHandler()}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'group -ml-space-sm inline-flex select-none items-center gap-space-sm rounded px-space-sm',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'hover:text-foreground transition-colors',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsortDir && 'text-foreground',\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={`Sort ${columnLabel}`}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{headerNode}\n\t\t\t\t\t\t\t\t\t\t\t\t\t<SortIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'size-icon-sm shrink-0 transition-opacity',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsortDir\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'opacity-100'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'opacity-30 group-hover:opacity-70',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})()}\n\n\t\t\t\t\t\t\t\t\t\t{!!enableResizing && (\n\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\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 { Settings2 } from 'lucide-react';\nimport { useState } from 'react';\nimport { Button } from '@/components/base/buttons';\nimport {\n    DropdownMenu,\n    DropdownMenuCheckboxItem,\n    DropdownMenuContent,\n    DropdownMenuGroup,\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 [open, setOpen] = useState(false);\n    const columns = table.getAllColumns()\n        .filter((column) => column.getCanHide());\n\n    if (columns.length === 0) return null;\n\n    return (\n        <DropdownMenu open={open} onOpenChange={setOpen}>\n            <DropdownMenuTrigger\n                render={(triggerProps) => (\n                    <Button\n                        {...triggerProps}\n                        type=\"button\"\n                        aria-label={strings.columnVisibility.triggerLabel}\n                        variant=\"secondary\"\n                        buttonStyle=\"outline\"\n                        size=\"small\"\n                        className={cn(\n                            'column-visibility-toggle--component',\n                            'flex items-center gap-space-sm',\n                            (triggerProps as { className?: string }).className,\n                            className,\n                        )}\n                    >\n                        <Settings2 className=\"size-icon-sm\" aria-hidden=\"true\" />\n                        <span className=\"hidden sm:inline\">{strings.columnVisibility.triggerLabel}</span>\n                    </Button>\n                )}\n            />\n            <DropdownMenuContent align={align} className=\"w-56\">\n                <DropdownMenuGroup>\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                </DropdownMenuGroup>\n            </DropdownMenuContent>\n        </DropdownMenu>\n    );\n}\n\nColumnVisibilityToggle.displayName = 'ColumnVisibilityToggle';\n","import { ChevronLeft, ChevronRight, Maximize2, Minimize2 } from 'lucide-react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { cn } from '@/lib/utils';\nimport { defaultDataTableStrings } from './table.strings';\nimport { type DataTableToolbarProps } from './table.types';\nimport { ColumnVisibilityToggle } from './column-visibility-toggle';\n\nconst SCROLL_AMOUNT = 300;\n\nconst btnBase = 'inline-flex size-control-sm items-center justify-center rounded-none text-muted-foreground/70 transition-colors duration-150 hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-30';\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 hideableColumns = enableColumnVisibility\n        ? table.getAllColumns().filter((column) => column.getCanHide())\n        : [];\n\n    const hasScrollArrows = canScrollLeft || canScrollRight;\n    const hasColumns = hideableColumns.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=\"size-icon-sm\" />\n                    </ToolbarIconButton>\n                    <ToolbarIconButton\n                        label={strings.toolbar.scrollRight}\n                        onClick={handleScrollRight}\n                        disabled={!canScrollRight}\n                    >\n                        <ChevronRight className=\"size-icon-sm\" />\n                    </ToolbarIconButton>\n                    <div className=\"h-4 w-px bg-border\" />\n                </>\n            )}\n\n            {/* Column visibility dropdown */}\n            {!!hasColumns && (\n                <>\n                    <ColumnVisibilityToggle\n                        table={table}\n                        strings={strings}\n                        className={cn(\n                            'h-control-sm rounded-none border-0 px-control-sm shadow-none',\n                            !hasScrollArrows && 'rounded-l-[calc(theme(borderRadius.md)-1px)]',\n                        )}\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=\"size-icon-sm\" />\n                    : <Minimize2 className=\"size-icon-sm\" />\n                }\n            </ToolbarIconButton>\n        </div>\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 {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseEffect,\n\tuseMemo,\n\tuseCallback,\n\tuseRef,\n\ttype CSSProperties,\n} from 'react';\nimport { Table } from '@/components/ui/table';\nimport { Button } from '@/components/base/buttons';\nimport { Separator } from '@/components/base/display/separator';\nimport { Text } from '@/components/typography';\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 textSize = useDataTableSize();\n *   return <Text className=\"data-table--component\" size={textSize}>{value}</Text>;\n *\n * The built-in renderers in `partials/cell-renderers` consume this hook.\n */\nconst DataTableSizeContext = createContext<'xs' | 'sm'>('sm');\n\nexport function useDataTableSize(): 'xs' | 'sm' {\n\treturn useContext(DataTableSizeContext);\n}\nimport { Pagination } from './pagination';\nimport { DataTableActions } from './table-actions';\nimport { DataTableBody } from './table-body';\nimport { DataTableHeader } from './table-header';\nimport { DataTableToolbar } from './table-toolbar';\nimport { addSelectionColumn, handleSortingChange, handleColumnVisibilityChange } from './table-helpers';\nimport { mergeDataTableStrings } from './table.strings';\nimport {\n\ttype DataTableProps,\n\ttype DataTableSelectionToolbarContext,\n} from './table.types';\n\n// Class applied to the `<table>` element.\n//\n// Body cells get an explicit `[&_td]:text-{size}` so deeply nested\n// elements that use `<Text size=\"inherit\">` (or any plain `<span>`)\n// inherit the right font-size from the cell rather than relying on\n// the table-level inheritance chain (which breaks the moment any\n// descendant has its own text-size class).\n//\n// Header and body cells use `text-sm` consistently. Size changes alter spacing,\n// not typography, so table actions, badges, and cell text stay aligned.\nconst sizeClassByDataTableSize: Record<NonNullable<DataTableProps<object, unknown>['size']>, string> = {\n\tsmall: '[&_th]:h-12 [&_th]:px-surface [&_th]:py-row-y-lg [&_th]:text-sm [&_td]:px-surface [&_td]:py-row-y [&_td]:text-sm',\n\tdefault: '[&_th]:h-12 [&_th]:px-surface [&_th]:py-row-y-lg [&_th]:text-sm [&_td]:px-surface [&_td]:py-row-y-lg [&_td]:text-sm',\n};\n\nconst textSizeByDataTableSize: Record<NonNullable<DataTableProps<object, unknown>['size']>, 'xs' | 'sm'> = {\n\tsmall: 'sm',\n\tdefault: 'sm',\n};\n\nfunction normalizeDataTableSize(size: NonNullable<DataTableProps<object, unknown>['size']> | string | undefined) {\n\tif (size === 'small' || size === 'default') return size;\n\tif (size === 'xs') return 'small';\n\tif (size === 'sm' || size === 'base') return 'default';\n\treturn 'default';\n}\n\nconst toCssSize = (value: number | string | undefined): string | undefined => {\n\tif (value === undefined) return undefined;\n\treturn typeof value === 'number' ? `${value}px` : value;\n};\n\nexport function DataTable<TData extends object, TValue = unknown>({\n\tsize,\n\tsurface = 'card',\n\theaderTransparent = true,\n\tcolumns,\n\tdata,\n\tcolumnGroups,\n\trowActions,\n\trowActionsMenuLabel,\n\trowActionsDisplayMode,\n\trowActionsBreakpoint,\n\tenableSorting = false,\n\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\tstickyToolbar = false,\n\tstickyFirstColumn = false,\n\tmaxBodyHeight,\n\tfillAvailableHeight = false,\n\temptyStateMessage,\n\temptyStateAction,\n\tclassName = '',\n\trowClassName = '',\n\tcellClassName = '',\n\theaderClassName = '',\n\twrapperClassName = '',\n\tinnerClassName = 'overflow-x-auto',\n\ttableContainerClassName = '',\n\tgetRowId,\n\trowSelection: controlledRowSelection,\n\tinitialState,\n\tonColumnVisibilityChange,\n\tstrings: stringsOverride,\n\ttopbarContent,\n\tfooterContent,\n\tselectionToolbar,\n\tbulkActions,\n\tselectionToolbarClassName,\n\tstorageKey,\n}: DataTableProps<TData, TValue>) {\n\tconst { defaultSize } = useTableConfig();\n\tconst resolvedSize = normalizeDataTableSize(size ?? defaultSize);\n\n\tconst strings = useMemo(\n\t\t() => mergeDataTableStrings(stringsOverride),\n\t\t[stringsOverride],\n\t);\n\n\tconst tableRowClasses = cn('bg-card', rowClassName);\n\tconst resolvedEmptyStateMessage = emptyStateMessage ?? strings.emptyState.message;\n\tconst resolvedPageQueryKey = pageQueryKey ?? 'page';\n\tconst resolvedMaxBodyHeight = toCssSize(maxBodyHeight);\n\n\t\t// --- Detect and resolve tuple pattern for columns ---\n\t\tconst resolvedColumns = (() => {\n\t\t\t// Tuple pattern detected: [columns, deps]\n\t\t\tif (Array.isArray(columns) && columns.length === 2 && Array.isArray(columns[1])) {\n\t\t\t\treturn columns[0] as ColumnDef<TData, TValue>[];\n\t\t\t}\n\n\t\t\t// Regular pattern: just columns array\n\t\t\treturn columns as ColumnDef<TData, TValue>[];\n\t\t})();\n\n\t// --- Format storage key internally ---\n\tconst formattedStorageKey = useMemo(() => {\n\t\treturn storageKey ? `dt.${storageKey}.columns` : null;\n\t}, [storageKey]);\n\n\t// --- 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 getRowActionsMenuLabel = useCallback(\n\t\t(row: TData) => {\n\t\t\tif (typeof rowActionsMenuLabel === 'function') {\n\t\t\t\treturn rowActionsMenuLabel(row);\n\t\t\t}\n\n\t\t\treturn rowActionsMenuLabel ?? strings.actions.triggerLabel;\n\t\t},\n\t\t[rowActionsMenuLabel, strings.actions.triggerLabel],\n\t);\n\n\tconst columnsWithActions = useMemo<ColumnDef<TData, TValue>[]>(() => {\n\t\tconst 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={getRowActionsMenuLabel(row.original)}\n\t\t\t\t\tdisplayMode={rowActionsDisplayMode}\n\t\t\t\t\tresponsiveBreakpoint={rowActionsBreakpoint}\n\t\t\t\t\tstrings={strings}\n\t\t\t\t/>\n\t\t\t),\n\t\t\tenableSorting: false,\n\t\t\tenableHiding: false,\n\t\t\tsize: 40,\n\t\t};\n\n\t\treturn [...baseColumns, actionCol];\n\t}, [\n\t\tresolvedColumns,\n\t\tenableRowSelection,\n\t\trowActions,\n\t\tgetRowActionsMenuLabel,\n\t\trowActionsBreakpoint,\n\t\trowActionsDisplayMode,\n\t\tstrings,\n\t]);\n\n\t// --- Configure table ---\n\tconst table = useReactTable({\n\t\tdata,\n\t\tcolumns: columnsWithActions,\n\t\tstate: { sorting, columnVisibility, rowSelection },\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\tconst selectedRows = table.getSelectedRowModel().rows.map((row) => row.original);\n\tconst selectedRowCount = selectedRows.length;\n\tconst clearSelection = useCallback(() => {\n\t\ttable.resetRowSelection();\n\t}, [table]);\n\tconst selectionToolbarContext: DataTableSelectionToolbarContext<TData> = {\n\t\ttable,\n\t\tselectedRows,\n\t\tselectedRowCount,\n\t\ttotalRowCount: data.length,\n\t\trowSelection,\n\t\tclearSelection,\n\t};\n\tconst bulkActionNode =\n\t\ttypeof bulkActions === 'function'\n\t\t\t? bulkActions(selectionToolbarContext)\n\t\t\t: bulkActions;\n\tconst defaultSelectionToolbar = selectedRowCount > 0 ? (\n\t\t<div\n\t\t\tdata-component=\"data-table-selection-toolbar\"\n\t\t\tdata-slot=\"data-table-selection-toolbar\"\n\t\t\tclassName={cn(\n\t\t\t\t\t'data-table-selection-toolbar--component flex min-w-0 flex-col gap-space-md border-b border-border/70 bg-muted/35 px-surface py-row-y sm:flex-row sm:items-center sm:justify-between',\n\t\t\t\tstickyToolbar && 'sticky top-0 z-20 bg-card/95 backdrop-blur',\n\t\t\t\tselectionToolbarClassName,\n\t\t\t)}\n\t\t>\n\t\t\t<Text className=\"data-table-selection-toolbar--summary min-w-0\">\n\t\t\t\t{strings.selection.summary(selectedRowCount, data.length)}\n\t\t\t</Text>\n\t\t\t<div\n\t\t\t\tdata-slot=\"data-table-selection-toolbar-actions\"\n\t\t\t\t\tclassName=\"data-table-selection-toolbar--actions flex shrink-0 flex-wrap items-center gap-space-md\"\n\t\t\t>\n\t\t\t\t{bulkActionNode}\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tonClick={clearSelection}\n\t\t\t\t>\n\t\t\t\t\t{strings.selection.clear}\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t) : null;\n\tconst selectionToolbarNode = (() => {\n\t\tif (!enableRowSelection || selectedRowCount === 0) return null;\n\t\tif (selectionToolbar === null || selectionToolbar === false) return null;\n\t\tif (typeof selectionToolbar === 'function') {\n\t\t\treturn selectionToolbar(selectionToolbarContext);\n\t\t}\n\t\treturn selectionToolbar ?? defaultSelectionToolbar;\n\t})();\n\tconst tableAreaStyle = useMemo<CSSProperties | undefined>(() => {\n\t\tif (!resolvedMaxBodyHeight) return undefined;\n\t\treturn { '--data-table-body-max-height': resolvedMaxBodyHeight } as CSSProperties;\n\t}, [resolvedMaxBodyHeight]);\n\tconst shouldUseScrollableTableContainer =\n\t\tdense || fillAvailableHeight || resolvedMaxBodyHeight !== undefined;\n\n\tuseEffect(() => {\n\t\tconst scrollRegion = tableAreaRef.current?.querySelector<HTMLElement>('[data-slot=\"table-container\"]');\n\t\tif (!scrollRegion) return;\n\n\t\tscrollRegion.tabIndex = 0;\n\t\tscrollRegion.setAttribute('aria-label', strings.accessibility.scrollRegion);\n\t}, [strings.accessibility.scrollRegion]);\n\n\tconst Provider = DataTableSizeContext.Provider;\n\tconst resolvedTextSize = textSizeByDataTableSize[resolvedSize];\n\n\treturn (\n\t\t<Provider value={resolvedTextSize}>\n\t\t<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\tfillAvailableHeight && 'flex h-full min-h-0 flex-col',\n\t\t\t\t\tsurface === 'card' &&\n\t\t\t\t\t\t'overflow-hidden rounded-lg border border-border bg-card shadow-[0_1px_3px_0_color-mix(in_oklch,var(--foreground)_4%,transparent)]',\n\t\t\t\t\tsurface === 'glass' &&\n\t\t\t\t\t\t'rounded-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={cn('relative', stickyToolbar && 'sticky top-0 z-20 bg-card/95 backdrop-blur')}>\n\n                    <div className={cn(\n\t                        'data-table-topbar flex items-end justify-between gap-space-lg px-surface py-row-y',\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\t\t\t{selectionToolbarNode}\n\n\t\t\t<div\n\t\t\t\tref={tableAreaRef}\n\t\t\t\tstyle={tableAreaStyle}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'min-h-0',\n\t\t\t\t\tshouldUseScrollableTableContainer ? 'overflow-hidden' : innerClassName,\n\t\t\t\t\t(dense || fillAvailableHeight) && 'flex-1',\n\t\t\t\t)}\n\t\t\t>\n\n\t\t\t\t<Table\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'relative',\n\t\t\t\t\t\tsizeClassByDataTableSize[resolvedSize],\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tcontainerClassName={cn(\n\t\t\t\t\t\t'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n\t\t\t\t\t\tshouldUseScrollableTableContainer && 'overflow-auto',\n\t\t\t\t\t\tresolvedMaxBodyHeight !== undefined && 'max-h-(--data-table-body-max-height)',\n\t\t\t\t\t\t(dense || fillAvailableHeight) && 'h-full min-h-0',\n\t\t\t\t\t\ttableContainerClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<DataTableHeader\n\t\t\t\t\t\ttable={table}\n\t\t\t\t\t\tstickyHeader={stickyHeader}\n\t\t\t\t\t\theaderClassName={headerClassName}\n\t\t\t\t\t\tcellClassName={cellClassName}\n\t\t\t\t\t\tstickyFirstColumn={stickyFirstColumn}\n\t\t\t\t\t\tcolumnGroups={columnGroups}\n\t\t\t\t\t\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\t{!!footerContent && (\n\t\t\t\t<div\n\t\t\t\t\tdata-slot=\"data-table-footer\"\n\t\t\t\t\t\tclassName=\"data-table--footer border-t border-border/70 px-surface py-row-y\"\n\t\t\t\t>\n\t\t\t\t\t{footerContent}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t\t</Provider>\n\t);\n}\n\nDataTable.displayName = 'DataTable';\n","import { Button } from '@/components/base/buttons';\nimport { Input } from '@/components/base/forms/fields';\nimport {\n\tDropdownMenu,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\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<DropdownMenuGroup>\n\t\t\t\t\t\t\t\t<DropdownMenuLabel>{strings.columnVisibility.title}</DropdownMenuLabel>\n\t\t\t\t\t\t\t\t{table\n\t\t\t\t\t\t\t\t\t.getAllColumns()\n\t\t\t\t\t\t\t\t\t.filter((column) => column.getCanHide())\n\t\t\t\t\t\t\t\t\t.map((column) => {\n\t\t\t\t\t\t\t\t\t\tconst header = column.columnDef.header;\n\t\t\t\t\t\t\t\t\t\tconst columnName = strings.columnVisibility.formatLabel(\n\t\t\t\t\t\t\t\t\t\t\tcolumn.id,\n\t\t\t\t\t\t\t\t\t\t\ttypeof header === 'string' ? header : undefined,\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={column.id}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"capitalize\"\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={column.getIsVisible()}\n\t\t\t\t\t\t\t\t\t\t\t\tonCheckedChange={(checked) =>\n\t\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\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{columnName}\n\t\t\t\t\t\t\t\t\t\t\t</DropdownMenuCheckboxItem>\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</DropdownMenuGroup>\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 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-space-sm', className)}\n\t\t>\n\t\t\t{!!Icon && <Icon className=\"size-icon-sm\" />}\n\t\t\t{entry.label}\n\t\t</Badge>\n\t);\n}\n\nStatusCell.displayName = 'StatusCell';\n\n// ──────────────────────────────────────────────────────────────\n// StatusClusterCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface StatusClusterCellItem {\n\tid?: string;\n\tlabel: ReactNode;\n\tvariant?: ComposedBadgeVariant;\n\ticon?: LucideIcon;\n\tdot?: boolean;\n\thidden?: boolean;\n}\n\nexport interface StatusClusterCellProps {\n\titems?: readonly StatusClusterCellItem[];\n\temptyLabel?: ReactNode;\n\tclassName?: string;\n\tbadgeClassName?: string;\n}\n\nexport function StatusClusterCell({\n\titems = [],\n\temptyLabel = EMPTY,\n\tclassName,\n\tbadgeClassName,\n}: StatusClusterCellProps) {\n\tconst visibleItems = items.filter((item) => !item.hidden);\n\n\tif (visibleItems.length === 0) {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('opacity-60', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\treturn (\n\t\t<span className={cn('inline-flex min-w-0 flex-wrap items-center gap-space-sm', className)}>\n\t\t\t{visibleItems.map((item, index) => {\n\t\t\t\tconst Icon = item.icon;\n\t\t\t\treturn (\n\t\t\t\t\t<Badge\n\t\t\t\t\t\tkey={item.id ?? index}\n\t\t\t\t\t\tvariant={item.variant ?? 'secondary'}\n\t\t\t\t\t\tdot={item.dot}\n\t\t\t\t\t\tclassName={cn('shrink-0', badgeClassName)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!Icon && <Icon className=\"size-icon-sm\" />}\n\t\t\t\t\t\t{item.label}\n\t\t\t\t\t</Badge>\n\t\t\t\t);\n\t\t\t})}\n\t\t</span>\n\t);\n}\n\nStatusClusterCell.displayName = 'StatusClusterCell';\n\n// ──────────────────────────────────────────────────────────────\n// DateCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface DateCellProps {\n\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-space-sm tabular-nums', className)}>\n\t\t\t{!!showIcon && <IconComponent className=\"size-icon 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// DateMetaCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface DateMetaCellProps extends DateCellProps {\n\tsecondary?: ReactNode | ((date: Date) => ReactNode);\n\tprimaryClassName?: string;\n\tsecondaryClassName?: string;\n}\n\nexport function DateMetaCell({\n\tvalue,\n\toptions = DEFAULT_DATE_OPTIONS,\n\tlocale,\n\tshowIcon = true,\n\ticon: IconComponent = Calendar,\n\temptyLabel = EMPTY,\n\tclassName,\n\tprimaryClassName,\n\tsecondary,\n\tsecondaryClassName,\n}: DateMetaCellProps) {\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\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\n\tconst formatter = new Intl.DateTimeFormat(locale, options);\n\tconst secondaryNode = typeof secondary === 'function' ? secondary(date) : secondary;\n\n\treturn (\n\t\t<span className={cn('inline-flex min-w-0 items-start gap-space-sm', className)}>\n\t\t\t{!!showIcon && <IconComponent className=\"mt-space-2xs size-icon shrink-0 text-muted-foreground\" />}\n\t\t\t<span className=\"grid min-w-0 gap-space-2xs\">\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\tclassName={cn('truncate tabular-nums', primaryClassName)}\n\t\t\t\t>\n\t\t\t\t\t{formatter.format(date)}\n\t\t\t\t</Text>\n\t\t\t\t{!!secondaryNode && (\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\tclassName={cn('truncate opacity-75', secondaryClassName)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{secondaryNode}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</span>\n\t);\n}\n\nDateMetaCell.displayName = 'DateMetaCell';\n\n// ──────────────────────────────────────────────────────────────\n// CurrencyCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface CurrencyCellProps {\n\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-space-md', className)}>\n\t\t\t<span className=\"relative inline-flex size-avatar-sm shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground\">\n\t\t\t\t{imageUrl ? (\n\t\t\t\t\t<img src={imageUrl} alt={name} className=\"absolute inset-0 size-full object-cover\" />\n\t\t\t\t) : name.length > 0 ? (\n\t\t\t\t\t<Text size=\"inherit\" weight=\"semibold\" className=\"text-sm leading-none\">\n\t\t\t\t\t\t{getInitials(name)}\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<IconComponent className=\"size-icon\" />\n\t\t\t\t)}\n\t\t\t</span>\n\t\t\t<span className=\"min-w-0 inline-flex flex-col\">\n\t\t\t\t<Text size=\"inherit\" weight=\"medium\" className=\"truncate\">\n\t\t\t\t\t{name}\n\t\t\t\t</Text>\n\t\t\t\t{!!subtitle && (\n\t\t\t\t\t<Text size=\"inherit\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t</span>\n\t);\n}\n\nAvatarCell.displayName = 'AvatarCell';\n\n// ──────────────────────────────────────────────────────────────\n// ResourceCell / IdentityCell\n// ──────────────────────────────────────────────────────────────\n\nexport interface ResourceCellMetadataItem {\n\tid?: string;\n\tlabel?: ReactNode;\n\tvalue: ReactNode;\n}\n\nexport type ResourceCellBadge =\n\t| ReactNode\n\t| ({\n\t\t\tid?: string;\n\t\t\tlabel: ReactNode;\n\t\t\tvariant?: ComposedBadgeVariant;\n\t\t\ticon?: LucideIcon;\n\t\t\tdot?: boolean;\n\t  });\n\nexport interface ResourceCellLinkProps {\n\thref: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n\t'aria-label'?: string;\n}\n\nexport interface ResourceCellProps {\n\ttitle?: ReactNode;\n\tsubtitle?: ReactNode;\n\tmetadata?: ReactNode | readonly ResourceCellMetadataItem[];\n\tbadges?: readonly ResourceCellBadge[];\n\timageUrl?: string;\n\ticon?: ComponentType<{ className?: string }>;\n\tfallback?: ReactNode;\n\thref?: string;\n\trenderLink?: (props: ResourceCellLinkProps) => ReactNode;\n\temptyLabel?: ReactNode;\n\tclassName?: string;\n\tmediaClassName?: string;\n\tcontentClassName?: string;\n\ttitleClassName?: string;\n\tsubtitleClassName?: string;\n}\n\nfunction renderResourceBadge(badge: ResourceCellBadge, index: number): ReactNode {\n\tif (\n\t\tbadge &&\n\t\ttypeof badge === 'object' &&\n\t\t!('type' in badge) &&\n\t\t'label' in badge\n\t) {\n\t\tconst Icon = badge.icon;\n\t\treturn (\n\t\t\t<Badge key={badge.id ?? index} variant={badge.variant ?? 'secondary'} dot={badge.dot}>\n\t\t\t\t{!!Icon && <Icon className=\"size-3\" />}\n\t\t\t\t{badge.label}\n\t\t\t</Badge>\n\t\t);\n\t}\n\n\treturn <span key={index}>{badge}</span>;\n}\n\nfunction renderResourceMetadata(metadata: ResourceCellProps['metadata']): ReactNode {\n\tif (!metadata) return null;\n\tif (Array.isArray(metadata)) {\n\t\treturn (\n\t\t\t<span className=\"inline-flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5\">\n\t\t\t\t{metadata.map((item, index) => (\n\t\t\t\t\t<span key={item.id ?? index} className=\"inline-flex min-w-0 items-center gap-1\">\n\t\t\t\t\t\t{!!item.label && (\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"shrink-0 opacity-70\">\n\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"truncate\">\n\t\t\t\t\t\t\t{item.value}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</span>\n\t\t\t\t))}\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn metadata as ReactNode;\n}\n\nexport function ResourceCell({\n\ttitle,\n\tsubtitle,\n\tmetadata,\n\tbadges = [],\n\timageUrl,\n\ticon: IconComponent = Mail,\n\tfallback,\n\thref,\n\trenderLink,\n\temptyLabel = EMPTY,\n\tclassName,\n\tmediaClassName,\n\tcontentClassName,\n\ttitleClassName,\n\tsubtitleClassName,\n}: ResourceCellProps) {\n\tif (!title) {\n\t\treturn (\n\t\t\t<Text size=\"inherit\" type=\"secondary\" className={cn('opacity-60', className)}>\n\t\t\t\t{emptyLabel}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tconst titleText = typeof title === 'string' ? title : undefined;\n\tconst initials = titleText ? getInitials(titleText) : '';\n\tconst content = (\n\t\t<span className={cn('resource-cell--content grid min-w-0 gap-0.5', contentClassName)}>\n\t\t\t<span className=\"resource-cell--title-row flex min-w-0 items-center gap-1.5\">\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\tclassName={cn('resource-cell--title truncate', titleClassName)}\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</Text>\n\t\t\t\t{badges.length > 0 && (\n\t\t\t\t\t<span className=\"resource-cell--badges inline-flex shrink-0 items-center gap-1\">\n\t\t\t\t\t\t{badges.map(renderResourceBadge)}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t\t{!!subtitle && (\n\t\t\t\t<Text\n\t\t\t\t\ttag=\"span\"\n\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\tclassName={cn('resource-cell--subtitle truncate', subtitleClassName)}\n\t\t\t\t>\n\t\t\t\t\t{subtitle}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t\t{!!metadata && (\n\t\t\t\t<span className=\"resource-cell--metadata min-w-0\">\n\t\t\t\t\t{renderResourceMetadata(metadata)}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</span>\n\t);\n\tconst cell = (\n\t\t<span className={cn('resource-cell--component inline-flex min-w-0 items-center gap-space-md', className)}>\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'resource-cell--media relative inline-flex size-avatar shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground',\n\t\t\t\t\tmediaClassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{imageUrl ? (\n\t\t\t\t\t<img src={imageUrl} alt={titleText ?? ''} className=\"absolute inset-0 size-full object-cover\" />\n\t\t\t\t) : fallback ? (\n\t\t\t\t\tfallback\n\t\t\t\t) : initials ? (\n\t\t\t\t\t<Text size=\"inherit\" weight=\"semibold\" className=\"text-sm leading-none\">\n\t\t\t\t\t\t{initials}\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<IconComponent className=\"size-icon\" />\n\t\t\t\t)}\n\t\t\t</span>\n\t\t\t{content}\n\t\t</span>\n\t);\n\n\tif (!href) return cell;\n\n\tconst linkClassName = 'resource-cell--link inline-flex min-w-0 rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2';\n\tif (renderLink) {\n\t\treturn renderLink({\n\t\t\thref,\n\t\t\tchildren: cell,\n\t\t\tclassName: linkClassName,\n\t\t\t'aria-label': titleText,\n\t\t});\n\t}\n\n\treturn (\n\t\t<a href={href} className={linkClassName} aria-label={titleText}>\n\t\t\t{cell}\n\t\t</a>\n\t);\n}\n\nResourceCell.displayName = 'ResourceCell';\n\nexport const IdentityCell = ResourceCell;\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 size-control-sm items-center justify-center rounded-radius text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 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-icon-sm\" />\n\t\t</button>\n\t);\n}\n\nDensityToggle.displayName = 'DensityToggle';\n"],"mappings":"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"}

package/dist/_shared/textarea-C0iZwWdD.js

@@ -1,118 +0,0 @@
-import { useStrings as e } from "../lib/strings.js";
-import { o as t } from "./ui-provider-Dz2qXgZQ.js";
-import { cn as n } from "../lib/utils.js";
-import { s as r } from "./typography-5bLhAYaK.js";
-import { n as i } from "./input-CzJzVyQ0.js";
-import { d as a, f as o } from "./form-sizing-DWjJsQSR.js";
-import * as s from "react";
-import { useCallback as c, useEffect as l, useRef as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { CircleXIcon as p, Loader2Icon as m } from "lucide-react";
-//#region src/components/base/forms/fields/textarea.tsx
-var h = { clear: "Clear textarea" }, g = s.forwardRef(({ className: s, maxLength: g, showCharacterCount: _, clearable: v, onClear: y, isLoading: b, invalid: x, size: S, autoResize: C = !1, minRows: w = 2, maxRows: T, onChange: E, value: D, defaultValue: O, id: k, strings: A, ...j }, M) => {
-	let N = u(null), P = e(h, A), { defaultControlSize: F } = t(), I = o(S, F), { id: L, value: R, isReactHookForm: z, characterCount: B, hasCharacterLimit: V, showCount: H, hasValue: U, updateValue: W, clearValue: G, wouldExceedLimit: K } = i({
-		controlledValue: D,
-		defaultValue: O,
-		maxLength: g,
-		showCharacterCount: _,
-		providedId: k,
-		idPrefix: "textarea",
-		hasOnChange: E !== void 0
-	}), q = !!x, J = u(0), Y = c(() => {
-		if (!C || !N.current) return;
-		let e = N.current;
-		J.current === 0 && (J.current = parseInt(getComputedStyle(e).lineHeight) || 20), e.style.height = "auto";
-		let t = J.current, n = t * w, r = T ? t * T : Infinity, i = Math.min(Math.max(e.scrollHeight, n), r);
-		e.style.height = `${i}px`;
-	}, [
-		C,
-		T,
-		w
-	]);
-	l(() => {
-		Y();
-	}, [
-		R,
-		C,
-		Y
-	]);
-	let X = c((e) => {
-		let t = e.target.value;
-		K(t) || (W(t), E?.(e), C && setTimeout(Y, 0));
-	}, [
-		E,
-		W,
-		K,
-		C,
-		Y
-	]), Z = c(() => {
-		G(), E?.({
-			target: { value: "" },
-			currentTarget: { value: "" }
-		}), y?.(), N.current?.focus(), C && setTimeout(Y, 0);
-	}, [
-		G,
-		E,
-		y,
-		C,
-		Y
-	]), Q = v && U && !b;
-	return /* @__PURE__ */ f("div", {
-		className: n("textarea--component", "relative w-full"),
-		children: [
-			/* @__PURE__ */ d("textarea", {
-				ref: (e) => {
-					typeof M == "function" ? M(e) : M && (M.current = e), N.current = e;
-				},
-				id: L,
-				...!z && { value: R },
-				onChange: X,
-				maxLength: g,
-				"aria-invalid": q || void 0,
-				disabled: j.disabled || b,
-				rows: w,
-				style: {
-					resize: C ? "none" : j.style?.resize,
-					overflow: C && T ? "auto" : "visible",
-					...j.style
-				},
-				className: n("placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground", "border-input flex w-full rounded-radius border bg-transparent px-control py-control-y-offset", "transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", a[I], "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", Q && "pr-control-addon", H && "pr-control-count", s),
-				...j
-			}),
-			!!H && /* @__PURE__ */ d("div", {
-				className: n("pointer-events-none absolute top-control-y-offset right-control-px text-xs tabular-nums", j.disabled && "opacity-50", q ? "text-destructive" : "text-muted-foreground"),
-				"aria-live": "polite",
-				role: "status",
-				children: /* @__PURE__ */ f(r, {
-					tag: "span",
-					size: "xs",
-					type: q ? "error" : "secondary",
-					children: [B, V ? `/${g}` : ""]
-				})
-			}),
-			!!b && !H && /* @__PURE__ */ d("div", {
-				className: n("pointer-events-none absolute top-control-y-offset right-control-px", q ? "text-destructive" : "text-muted-foreground/80"),
-				children: /* @__PURE__ */ d(m, {
-					className: "size-icon animate-spin",
-					"aria-hidden": "true"
-				})
-			}),
-			!!Q && !H && /* @__PURE__ */ d("button", {
-				type: "button",
-				className: "text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-control-y-offset right-control-px flex size-control-clear-icon items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-				"aria-label": P.clear,
-				onClick: Z,
-				disabled: b,
-				children: /* @__PURE__ */ d(p, {
-					className: "size-icon",
-					"aria-hidden": "true"
-				})
-			})
-		]
-	});
-});
-g.displayName = "Textarea";
-//#endregion
-export { g as t };
-
-//# sourceMappingURL=textarea-C0iZwWdD.js.map

package/dist/_shared/textarea-C0iZwWdD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-C0iZwWdD.js","names":[],"sources":["../../src/components/base/forms/fields/textarea.tsx"],"sourcesContent":["import { CircleXIcon, Loader2Icon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useEffect } from 'react';\nimport { Text } from '@/components/typography';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { formTextareaSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { useFormFieldState } from './hooks';\n\nexport interface TextareaStrings {\n    clear: string;\n}\n\nexport const defaultTextareaStrings: TextareaStrings = {\n    clear: 'Clear textarea',\n};\n\nexport interface TextareaProps extends Omit<React.ComponentProps<'textarea'>, 'onChange'> {\n    // String overrides (e.g. clear button aria-label)\n    strings?: StringsProp<TextareaStrings>;\n    // Character limit\n    maxLength?: number;\n    showCharacterCount?: boolean;\n\n    // Clear button\n    clearable?: boolean;\n    onClear?: () => void;\n\n    // Loading state\n    isLoading?: boolean;\n\n    // Error state for styling (passed from FormField)\n    invalid?: boolean;\n\n    // Visual size\n    size?: FormControlSize;\n\n    // Auto-resize functionality\n    autoResize?: boolean;\n    minRows?: number;\n    maxRows?: number;\n\n    // Value props\n    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n    value?: string;\n    defaultValue?: string;\n}\n\nconst TextareaImpl = (\n    {\n        className,\n        maxLength,\n        showCharacterCount,\n        clearable,\n        onClear,\n        isLoading,\n        invalid,\n        size: sizeProp,\n        autoResize = false,\n        minRows = 2,\n        maxRows,\n        onChange,\n        value: controlledValue,\n        defaultValue,\n        id: providedId,\n        strings: stringsProp,\n        ...props\n    }: TextareaProps,\n    forwardedRef: React.ForwardedRef<HTMLTextAreaElement>,\n) => {\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const strings = useStrings(defaultTextareaStrings, stringsProp);\n    const { defaultControlSize } = useFormsConfig();\n    const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n    // Use shared form field state hook\n    const {\n        id,\n        value: textareaValue,\n        isReactHookForm,\n        characterCount,\n        hasCharacterLimit,\n        showCount,\n        hasValue,\n        updateValue,\n        clearValue,\n        wouldExceedLimit,\n    } = useFormFieldState({\n        controlledValue,\n        defaultValue,\n        maxLength,\n        showCharacterCount,\n        providedId,\n        idPrefix: 'textarea',\n        hasOnChange: onChange !== undefined,\n    });\n\n    // Derive display states\n    const hasError = Boolean(invalid);\n\n    // Cache lineHeight so we call getComputedStyle once instead of on every\n    // keystroke — avoids a forced synchronous style recalculation per input.\n    const lineHeightRef = useRef<number>(0);\n\n    const adjustHeight = useCallback(() => {\n        if (!autoResize || !textareaRef.current) return;\n\n        const textarea = textareaRef.current;\n\n        if (lineHeightRef.current === 0) {\n            lineHeightRef.current = parseInt(getComputedStyle(textarea).lineHeight) || 20;\n        }\n\n        textarea.style.height = 'auto';\n\n        const lineHeight = lineHeightRef.current;\n        const minHeight = lineHeight * minRows;\n        const maxHeight = maxRows ? lineHeight * maxRows : Infinity;\n\n        const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n        textarea.style.height = `${newHeight}px`;\n    }, [autoResize, maxRows, minRows]);\n\n    useEffect(() => {\n        adjustHeight();\n    }, [textareaValue, autoResize, adjustHeight]);\n\n    const handleTextareaChange = useCallback(\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n            const newValue = e.target.value;\n\n            // Check character limit\n            if (wouldExceedLimit(newValue)) {\n                return;\n            }\n\n            // Update internal state if uncontrolled\n            updateValue(newValue);\n\n            // Call external onChange\n            onChange?.(e);\n\n            // Auto-resize if enabled\n            if (autoResize) {\n                setTimeout(adjustHeight, 0);\n            }\n        },\n        [onChange, updateValue, wouldExceedLimit, autoResize, adjustHeight]\n    );\n\n    const handleClear = useCallback(() => {\n        const syntheticEvent = {\n            target: { value: '' },\n            currentTarget: { value: '' },\n        } as React.ChangeEvent<HTMLTextAreaElement>;\n\n        // Clear internal state\n        clearValue();\n\n        // Notify parent\n        onChange?.(syntheticEvent);\n\n        // Execute optional onClear callback\n        onClear?.();\n\n        // Focus the textarea after clearing\n        textareaRef.current?.focus();\n\n        // Auto-resize if enabled\n        if (autoResize) {\n            setTimeout(adjustHeight, 0);\n        }\n    }, [clearValue, onChange, onClear, autoResize, adjustHeight]);\n\n    // Determine what to show in the end position\n    const showClearButton = clearable && hasValue && !isLoading;\n\n    return (\n        <div className={cn('textarea--component', 'relative w-full')}>\n            <textarea\n                ref={(node) => {\n                    if (typeof forwardedRef === 'function') {\n                        forwardedRef(node);\n                    } else if (forwardedRef) {\n                        forwardedRef.current = node;\n                    }\n                    textareaRef.current = node;\n                }}\n                id={id}\n                {...(!isReactHookForm && { value: textareaValue })}\n                onChange={handleTextareaChange}\n                maxLength={maxLength}\n                aria-invalid={hasError || undefined}\n                disabled={props.disabled || isLoading}\n                rows={minRows}\n                style={{\n                    resize: autoResize ? 'none' : props.style?.resize,\n                    overflow: autoResize && maxRows ? 'auto' : 'visible',\n                    ...props.style,\n                }}\n                className={cn(\n                    // Base styles\n                    'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n                    'border-input flex w-full rounded-radius border bg-transparent px-control py-control-y-offset',\n                    'transition-[color,box-shadow] outline-none',\n                    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n                    formTextareaSizeClasses[size],\n                    // Focus styles\n                    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                    // Invalid/error styles\n                    'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n                    // Dynamic padding for overlays\n                    showClearButton && 'pr-control-addon',\n                    showCount && 'pr-control-count',\n                    className\n                )}\n                {...props}\n            />\n\n            {/* Character Count */}\n            {!!showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-control-y-offset right-control-px text-xs tabular-nums',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                    aria-live=\"polite\"\n                    role=\"status\"\n                >\n                    <Text tag=\"span\" size=\"xs\" type={hasError ? 'error' : 'secondary'}>\n                        {characterCount}\n                        {hasCharacterLimit ? `/${maxLength}` : ''}\n                    </Text>\n                </div>\n              )}\n\n            {/* Loading Spinner */}\n            {!!isLoading && !showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-control-y-offset right-control-px',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <Loader2Icon className=\"size-icon animate-spin\" aria-hidden=\"true\" />\n                </div>\n              )}\n\n            {/* Clear Button */}\n            {!!showClearButton && !showCount && (\n                <button\n                    type=\"button\"\n                    className=\"text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-control-y-offset right-control-px flex size-control-clear-icon items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n                    aria-label={strings.clear}\n                    onClick={handleClear}\n                    disabled={isLoading}\n                >\n                    <CircleXIcon className=\"size-icon\" aria-hidden=\"true\" />\n                </button>\n              )}\n        </div>\n    );\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(TextareaImpl);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"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"}

package/dist/_shared/textarea-bHFAtwYd.cjs

@@ -1,2 +0,0 @@
-const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/strings.cjs"),n=require("./ui-provider-CrsJ_dGn.cjs"),r=require("../lib/utils.cjs"),i=require("./typography-CWEobAJV.cjs"),a=require("./input-Dvvmn96E.cjs"),o=require("./form-sizing-DJus3nK3.cjs");let s=require("react");s=e.t(s,1);let c=require("react/jsx-runtime"),l=require("lucide-react");var u={clear:`Clear textarea`},d=s.forwardRef(({className:e,maxLength:d,showCharacterCount:f,clearable:p,onClear:m,isLoading:h,invalid:g,size:_,autoResize:v=!1,minRows:y=2,maxRows:b,onChange:x,value:S,defaultValue:C,id:w,strings:T,...E},D)=>{let O=(0,s.useRef)(null),k=t.useStrings(u,T),{defaultControlSize:A}=n.o(),j=o.f(_,A),{id:M,value:N,isReactHookForm:P,characterCount:F,hasCharacterLimit:I,showCount:L,hasValue:R,updateValue:z,clearValue:B,wouldExceedLimit:V}=a.n({controlledValue:S,defaultValue:C,maxLength:d,showCharacterCount:f,providedId:w,idPrefix:`textarea`,hasOnChange:x!==void 0}),H=!!g,U=(0,s.useRef)(0),W=(0,s.useCallback)(()=>{if(!v||!O.current)return;let e=O.current;U.current===0&&(U.current=parseInt(getComputedStyle(e).lineHeight)||20),e.style.height=`auto`;let t=U.current,n=t*y,r=b?t*b:1/0,i=Math.min(Math.max(e.scrollHeight,n),r);e.style.height=`${i}px`},[v,b,y]);(0,s.useEffect)(()=>{W()},[N,v,W]);let G=(0,s.useCallback)(e=>{let t=e.target.value;V(t)||(z(t),x?.(e),v&&setTimeout(W,0))},[x,z,V,v,W]),K=(0,s.useCallback)(()=>{B(),x?.({target:{value:``},currentTarget:{value:``}}),m?.(),O.current?.focus(),v&&setTimeout(W,0)},[B,x,m,v,W]),q=p&&R&&!h;return(0,c.jsxs)(`div`,{className:r.cn(`textarea--component`,`relative w-full`),children:[(0,c.jsx)(`textarea`,{ref:e=>{typeof D==`function`?D(e):D&&(D.current=e),O.current=e},id:M,...!P&&{value:N},onChange:G,maxLength:d,"aria-invalid":H||void 0,disabled:E.disabled||h,rows:y,style:{resize:v?`none`:E.style?.resize,overflow:v&&b?`auto`:`visible`,...E.style},className:r.cn(`placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full rounded-radius border bg-transparent px-control py-control-y-offset`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,o.d[j],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,q&&`pr-control-addon`,L&&`pr-control-count`,e),...E}),!!L&&(0,c.jsx)(`div`,{className:r.cn(`pointer-events-none absolute top-control-y-offset right-control-px text-xs tabular-nums`,E.disabled&&`opacity-50`,H?`text-destructive`:`text-muted-foreground`),"aria-live":`polite`,role:`status`,children:(0,c.jsxs)(i.s,{tag:`span`,size:`xs`,type:H?`error`:`secondary`,children:[F,I?`/${d}`:``]})}),!!h&&!L&&(0,c.jsx)(`div`,{className:r.cn(`pointer-events-none absolute top-control-y-offset right-control-px`,H?`text-destructive`:`text-muted-foreground/80`),children:(0,c.jsx)(l.Loader2Icon,{className:`size-icon animate-spin`,"aria-hidden":`true`})}),!!q&&!L&&(0,c.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-control-y-offset right-control-px flex size-control-clear-icon items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":k.clear,onClick:K,disabled:h,children:(0,c.jsx)(l.CircleXIcon,{className:`size-icon`,"aria-hidden":`true`})})]})});d.displayName=`Textarea`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
-//# sourceMappingURL=textarea-bHFAtwYd.cjs.map

package/dist/_shared/textarea-bHFAtwYd.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-bHFAtwYd.cjs","names":[],"sources":["../../src/components/base/forms/fields/textarea.tsx"],"sourcesContent":["import { CircleXIcon, Loader2Icon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useCallback, useEffect } from 'react';\nimport { Text } from '@/components/typography';\nimport { useFormsConfig, type FormControlSize } from '@/lib/ui-provider';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { formTextareaSizeClasses, resolveFormControlSize } from '../form-sizing';\nimport { useFormFieldState } from './hooks';\n\nexport interface TextareaStrings {\n    clear: string;\n}\n\nexport const defaultTextareaStrings: TextareaStrings = {\n    clear: 'Clear textarea',\n};\n\nexport interface TextareaProps extends Omit<React.ComponentProps<'textarea'>, 'onChange'> {\n    // String overrides (e.g. clear button aria-label)\n    strings?: StringsProp<TextareaStrings>;\n    // Character limit\n    maxLength?: number;\n    showCharacterCount?: boolean;\n\n    // Clear button\n    clearable?: boolean;\n    onClear?: () => void;\n\n    // Loading state\n    isLoading?: boolean;\n\n    // Error state for styling (passed from FormField)\n    invalid?: boolean;\n\n    // Visual size\n    size?: FormControlSize;\n\n    // Auto-resize functionality\n    autoResize?: boolean;\n    minRows?: number;\n    maxRows?: number;\n\n    // Value props\n    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n    value?: string;\n    defaultValue?: string;\n}\n\nconst TextareaImpl = (\n    {\n        className,\n        maxLength,\n        showCharacterCount,\n        clearable,\n        onClear,\n        isLoading,\n        invalid,\n        size: sizeProp,\n        autoResize = false,\n        minRows = 2,\n        maxRows,\n        onChange,\n        value: controlledValue,\n        defaultValue,\n        id: providedId,\n        strings: stringsProp,\n        ...props\n    }: TextareaProps,\n    forwardedRef: React.ForwardedRef<HTMLTextAreaElement>,\n) => {\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const strings = useStrings(defaultTextareaStrings, stringsProp);\n    const { defaultControlSize } = useFormsConfig();\n    const size = resolveFormControlSize(sizeProp, defaultControlSize);\n\n    // Use shared form field state hook\n    const {\n        id,\n        value: textareaValue,\n        isReactHookForm,\n        characterCount,\n        hasCharacterLimit,\n        showCount,\n        hasValue,\n        updateValue,\n        clearValue,\n        wouldExceedLimit,\n    } = useFormFieldState({\n        controlledValue,\n        defaultValue,\n        maxLength,\n        showCharacterCount,\n        providedId,\n        idPrefix: 'textarea',\n        hasOnChange: onChange !== undefined,\n    });\n\n    // Derive display states\n    const hasError = Boolean(invalid);\n\n    // Cache lineHeight so we call getComputedStyle once instead of on every\n    // keystroke — avoids a forced synchronous style recalculation per input.\n    const lineHeightRef = useRef<number>(0);\n\n    const adjustHeight = useCallback(() => {\n        if (!autoResize || !textareaRef.current) return;\n\n        const textarea = textareaRef.current;\n\n        if (lineHeightRef.current === 0) {\n            lineHeightRef.current = parseInt(getComputedStyle(textarea).lineHeight) || 20;\n        }\n\n        textarea.style.height = 'auto';\n\n        const lineHeight = lineHeightRef.current;\n        const minHeight = lineHeight * minRows;\n        const maxHeight = maxRows ? lineHeight * maxRows : Infinity;\n\n        const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);\n        textarea.style.height = `${newHeight}px`;\n    }, [autoResize, maxRows, minRows]);\n\n    useEffect(() => {\n        adjustHeight();\n    }, [textareaValue, autoResize, adjustHeight]);\n\n    const handleTextareaChange = useCallback(\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n            const newValue = e.target.value;\n\n            // Check character limit\n            if (wouldExceedLimit(newValue)) {\n                return;\n            }\n\n            // Update internal state if uncontrolled\n            updateValue(newValue);\n\n            // Call external onChange\n            onChange?.(e);\n\n            // Auto-resize if enabled\n            if (autoResize) {\n                setTimeout(adjustHeight, 0);\n            }\n        },\n        [onChange, updateValue, wouldExceedLimit, autoResize, adjustHeight]\n    );\n\n    const handleClear = useCallback(() => {\n        const syntheticEvent = {\n            target: { value: '' },\n            currentTarget: { value: '' },\n        } as React.ChangeEvent<HTMLTextAreaElement>;\n\n        // Clear internal state\n        clearValue();\n\n        // Notify parent\n        onChange?.(syntheticEvent);\n\n        // Execute optional onClear callback\n        onClear?.();\n\n        // Focus the textarea after clearing\n        textareaRef.current?.focus();\n\n        // Auto-resize if enabled\n        if (autoResize) {\n            setTimeout(adjustHeight, 0);\n        }\n    }, [clearValue, onChange, onClear, autoResize, adjustHeight]);\n\n    // Determine what to show in the end position\n    const showClearButton = clearable && hasValue && !isLoading;\n\n    return (\n        <div className={cn('textarea--component', 'relative w-full')}>\n            <textarea\n                ref={(node) => {\n                    if (typeof forwardedRef === 'function') {\n                        forwardedRef(node);\n                    } else if (forwardedRef) {\n                        forwardedRef.current = node;\n                    }\n                    textareaRef.current = node;\n                }}\n                id={id}\n                {...(!isReactHookForm && { value: textareaValue })}\n                onChange={handleTextareaChange}\n                maxLength={maxLength}\n                aria-invalid={hasError || undefined}\n                disabled={props.disabled || isLoading}\n                rows={minRows}\n                style={{\n                    resize: autoResize ? 'none' : props.style?.resize,\n                    overflow: autoResize && maxRows ? 'auto' : 'visible',\n                    ...props.style,\n                }}\n                className={cn(\n                    // Base styles\n                    'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground',\n                    'border-input flex w-full rounded-radius border bg-transparent px-control py-control-y-offset',\n                    'transition-[color,box-shadow] outline-none',\n                    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n                    formTextareaSizeClasses[size],\n                    // Focus styles\n                    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n                    // Invalid/error styles\n                    'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n                    // Dynamic padding for overlays\n                    showClearButton && 'pr-control-addon',\n                    showCount && 'pr-control-count',\n                    className\n                )}\n                {...props}\n            />\n\n            {/* Character Count */}\n            {!!showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-control-y-offset right-control-px text-xs tabular-nums',\n                        props.disabled && 'opacity-50',\n                        hasError ? 'text-destructive' : 'text-muted-foreground'\n                    )}\n                    aria-live=\"polite\"\n                    role=\"status\"\n                >\n                    <Text tag=\"span\" size=\"xs\" type={hasError ? 'error' : 'secondary'}>\n                        {characterCount}\n                        {hasCharacterLimit ? `/${maxLength}` : ''}\n                    </Text>\n                </div>\n              )}\n\n            {/* Loading Spinner */}\n            {!!isLoading && !showCount && (\n                <div\n                    className={cn(\n                        'pointer-events-none absolute top-control-y-offset right-control-px',\n                        hasError ? 'text-destructive' : 'text-muted-foreground/80'\n                    )}\n                >\n                    <Loader2Icon className=\"size-icon animate-spin\" aria-hidden=\"true\" />\n                </div>\n              )}\n\n            {/* Clear Button */}\n            {!!showClearButton && !showCount && (\n                <button\n                    type=\"button\"\n                    className=\"text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-control-y-offset right-control-px flex size-control-clear-icon items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n                    aria-label={strings.clear}\n                    onClick={handleClear}\n                    disabled={isLoading}\n                >\n                    <CircleXIcon className=\"size-icon\" aria-hidden=\"true\" />\n                </button>\n              )}\n        </div>\n    );\n};\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(TextareaImpl);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"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"}