@epilot/volt-ui-experimental-griffel 0.2.1 → 0.3.0

package/dist/components/table/table-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-pagination.js","sources":["../../../src/components/table/table-pagination.tsx"],"sourcesContent":["import * as React from \"react\"\nimport type { SVGProps, ComponentProps } from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\nimport { ensurePaletteTokens } from \"../../tokens/install\"\nimport {\n  calculatePagination,\n  clampPage,\n  getPageNumbers,\n} from \"../../lib/pagination\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../tooltip/tooltip\"\nimport { Button } from \"../button/button\"\n\n// Navigation icons\nconst IconFirstPage = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M6 6v12\" />\n    <path d=\"m15 18-6-6 6-6\" />\n  </svg>\n)\n\nconst IconChevronLeft = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m15 18-6-6 6-6\" />\n  </svg>\n)\n\nconst IconChevronRight = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n)\n\nconst IconLastPage = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n    <path d=\"M18 6v12\" />\n  </svg>\n)\n\n// Select icons\nconst ChevronDownIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m6 9 6 6 6-6\" />\n  </svg>\n)\n\nconst CheckIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M20 6 9 17l-5-5\" />\n  </svg>\n)\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100]\n\nconst useStyles = makeVoltStyles({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    gap: tokens.spacingGroup1,\n    ...shorthands.paddingBlock(tokens.spacingElement3),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  left: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: tokens.spacingElement2,\n  },\n  navButton: {\n    backgroundColor: tokens.grayA3,\n    color: tokens.accent11,\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n    \":disabled\": {\n      backgroundColor: tokens.grayA3,\n      color: tokens.accentA8,\n      pointerEvents: \"none\",\n    },\n  },\n  pageButtonActive: {\n    pointerEvents: \"none\",\n  },\n  pageButtonInactive: {\n    backgroundColor: \"transparent\",\n    color: tokens.accent11,\n    \":hover\": {\n      backgroundColor: tokens.grayA3,\n    },\n    \":active\": {\n      backgroundColor: tokens.grayA4,\n    },\n  },\n  ellipsisButton: {\n    letterSpacing: tokens.trackingNormal,\n    backgroundColor: \"transparent\",\n    color: tokens.accent11,\n    \":hover\": {\n      backgroundColor: tokens.grayA3,\n    },\n  },\n  right: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: tokens.spacingGroup1,\n    paddingRight: \"0.125rem\",\n  },\n  range: {\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA11,\n    fontVariantNumeric: \"tabular-nums\",\n  },\n  selectTrigger: {\n    display: \"flex\",\n    height: \"2rem\",\n    width: \"auto\",\n    minWidth: \"4rem\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    gap: tokens.spacingElement1,\n    ...shorthands.borderRadius(tokens.radiusLg),\n    backgroundColor: tokens.grayA3,\n    ...shorthands.paddingInline(\"0.75rem\"),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    cursor: \"pointer\",\n    ...shorthands.borderWidth(0),\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n    \":focus\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineColor: tokens.accent8,\n      outlineOffset: \"2px\",\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n      opacity: 0.5,\n    },\n  },\n  selectIcon: {\n    display: \"flex\",\n    alignItems: \"center\",\n    color: tokens.grayA11,\n  },\n  selectContent: {\n    position: \"relative\",\n    zIndex: 50,\n    ...shorthands.overflow(\"hidden\"),\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.border(\"1px\", \"solid\", tokens.grayA6),\n    backgroundColor: tokens.semBody,\n    boxShadow:\n      \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)\",\n  },\n  selectViewport: {\n    ...shorthands.padding(\"0.25rem\"),\n  },\n  selectLabel: {\n    ...shorthands.padding(\"0.375rem\", \"0.5rem\"),\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.grayA11,\n  },\n  selectItem: {\n    position: \"relative\",\n    display: \"flex\",\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    alignItems: \"center\",\n    ...shorthands.borderRadius(tokens.radiusMd),\n    ...shorthands.padding(\"0.375rem\", \"0.5rem\", \"0.375rem\", \"2rem\"),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    outlineStyle: \"none\",\n    \":focus\": {\n      backgroundColor: tokens.accentA3,\n    },\n    \"&[data-state='checked']\": {\n      backgroundColor: tokens.accentA3,\n    },\n  },\n  selectItemIndicator: {\n    position: \"absolute\",\n    left: \"0.5rem\",\n    display: \"flex\",\n    width: \"1rem\",\n    height: \"1rem\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n})\n\nexport type TablePaginationLabels = {\n  /** Label for the pagination navigation region. */\n  navigation?: string\n  /** Label for first page button. */\n  firstPage?: string\n  /** Label for previous page button. */\n  previousPage?: string\n  /** Label for next page button. */\n  nextPage?: string\n  /** Label for last page button. */\n  lastPage?: string\n  /** Label generator for page number buttons. Receives 1-indexed page number. */\n  goToPage?: (page: number) => string\n  /** Label generator for ellipsis jump buttons. Receives target page number. */\n  jumpToPage?: (page: number) => string\n  /** Label generator for page size selector. Receives current page size. */\n  pageSizeSelector?: (pageSize: number) => string\n  /** Label for page size dropdown header. */\n  resultsPerPage?: string\n  /** Label generator for the range display. Receives start, end, and total. */\n  rangeDisplay?: (start: number, end: number, total: number) => string\n}\n\nexport type TablePaginationProps = Omit<ComponentProps<\"div\">, \"onChange\"> & {\n  /** Current page number (1-indexed) */\n  page: number\n  /** Total number of items across all pages */\n  totalItems: number\n  /** Current page size (items per page) */\n  pageSize: number\n  /** Callback fired when the page changes */\n  onPageChange: (page: number) => void\n  /** Callback fired when the page size changes */\n  onPageSizeChange: (pageSize: number) => void\n  /** Available page size options for the dropdown */\n  pageSizeOptions?: number[]\n  /** Number of sibling pages to show on each side of current page */\n  siblingCount?: number\n  /** Whether the pagination controls are disabled */\n  disabled?: boolean\n  /** Labels for i18n. All labels are optional for backwards compatibility but recommended. */\n  labels?: TablePaginationLabels\n}\n\nexport const TablePagination = React.forwardRef<\n  HTMLDivElement,\n  TablePaginationProps\n>(function TablePagination(\n  {\n    page,\n    totalItems,\n    pageSize,\n    onPageChange,\n    onPageSizeChange,\n    pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n    siblingCount = 2,\n    disabled = false,\n    labels,\n    className,\n    ...props\n  },\n  ref\n) {\n  ensurePaletteTokens()\n  const styles = useStyles()\n  const { totalPages, start, end, isFirstPage, isLastPage } =\n    calculatePagination({\n      page,\n      pageSize,\n      totalItems,\n    })\n\n  const safePage = clampPage(page, totalPages)\n  const pageItems = getPageNumbers(safePage, totalPages, siblingCount)\n\n  const handlePageSizeChange = (value: string) => {\n    const newSize = parseInt(value, 10)\n    if (!isNaN(newSize)) {\n      onPageSizeChange(newSize)\n    }\n  }\n\n  // Don't render if no items\n  if (totalItems === 0) {\n    return null\n  }\n\n  return (\n    <TooltipProvider>\n      <div\n        ref={ref}\n        data-slot=\"table-pagination\"\n        {...{ [SLOT_ATTR]: \"table-pagination\" }}\n        data-fs-element=\"TablePagination\"\n        role=\"navigation\"\n        aria-label={labels?.navigation}\n        className={mergeClasses(styles.root, className)}\n        {...props}\n      >\n        {/* LEFT SIDE: Navigation and page buttons */}\n        <div className={styles.left}>\n          {/* First page button */}\n          <Button\n            variant=\"secondary\"\n            size=\"icon-sm\"\n            shape=\"normal\"\n            disabled={disabled || isFirstPage}\n            onClick={() => onPageChange(1)}\n            aria-label={labels?.firstPage}\n            className={styles.navButton}\n          >\n            <IconFirstPage />\n          </Button>\n\n          {/* Previous page button */}\n          <Button\n            variant=\"secondary\"\n            size=\"icon-sm\"\n            shape=\"normal\"\n            disabled={disabled || isFirstPage}\n            onClick={() => onPageChange(safePage - 1)}\n            aria-label={labels?.previousPage}\n            className={styles.navButton}\n          >\n            <IconChevronLeft />\n          </Button>\n\n          {/* Page number buttons */}\n          {pageItems.map((item, index) => {\n            const key =\n              item.type === \"ellipsis\"\n                ? `ellipsis-${index}-${item.targetPage}`\n                : `page-${item.page}`\n\n            if (item.type === \"ellipsis\") {\n              return (\n                <Tooltip key={key}>\n                  <TooltipTrigger asChild>\n                    <Button\n                      variant=\"tertiary\"\n                      size=\"icon-sm\"\n                      shape=\"normal\"\n                      disabled={disabled}\n                      onClick={() => onPageChange(item.targetPage)}\n                      aria-label={labels?.jumpToPage?.(item.targetPage)}\n                      className={styles.ellipsisButton}\n                    >\n                      ...\n                    </Button>\n                  </TooltipTrigger>\n                  <TooltipContent>\n                    {labels?.jumpToPage?.(item.targetPage)}\n                  </TooltipContent>\n                </Tooltip>\n              )\n            }\n\n            const isCurrentPage = item.page === safePage\n\n            return (\n              <Button\n                key={key}\n                variant={isCurrentPage ? \"secondary\" : \"tertiary\"}\n                size=\"icon-sm\"\n                shape=\"normal\"\n                disabled={disabled}\n                onClick={() => onPageChange(item.page)}\n                aria-label={labels?.goToPage?.(item.page)}\n                aria-current={isCurrentPage ? \"page\" : undefined}\n                className={\n                  isCurrentPage\n                    ? styles.pageButtonActive\n                    : styles.pageButtonInactive\n                }\n              >\n                {item.page}\n              </Button>\n            )\n          })}\n\n          {/* Next page button */}\n          <Button\n            variant=\"secondary\"\n            size=\"icon-sm\"\n            shape=\"normal\"\n            disabled={disabled || isLastPage}\n            onClick={() => onPageChange(safePage + 1)}\n            aria-label={labels?.nextPage}\n            className={styles.navButton}\n          >\n            <IconChevronRight />\n          </Button>\n\n          {/* Last page button */}\n          <Button\n            variant=\"secondary\"\n            size=\"icon-sm\"\n            shape=\"normal\"\n            disabled={disabled || isLastPage}\n            onClick={() => onPageChange(totalPages)}\n            aria-label={labels?.lastPage}\n            className={styles.navButton}\n          >\n            <IconLastPage />\n          </Button>\n        </div>\n\n        {/* RIGHT SIDE: Range display and page size selector */}\n        <div className={styles.right}>\n          {/* Range display */}\n          <span\n            data-slot=\"table-pagination-range\"\n            className={styles.range}\n            aria-live=\"polite\"\n          >\n            {labels?.rangeDisplay\n              ? labels.rangeDisplay(start, end, totalItems)\n              : `${start}-${end} / ${totalItems}`}\n          </span>\n\n          {/* Page size selector */}\n          <SelectPrimitive.Root\n            value={String(pageSize)}\n            onValueChange={handlePageSizeChange}\n            disabled={disabled}\n          >\n            <SelectPrimitive.Trigger\n              className={styles.selectTrigger}\n              aria-label={labels?.pageSizeSelector?.(pageSize)}\n            >\n              <SelectPrimitive.Value />\n              <SelectPrimitive.Icon className={styles.selectIcon}>\n                <ChevronDownIcon />\n              </SelectPrimitive.Icon>\n            </SelectPrimitive.Trigger>\n            <SelectPrimitive.Portal>\n              <SelectPrimitive.Content\n                className={styles.selectContent}\n                position=\"popper\"\n                sideOffset={4}\n              >\n                <SelectPrimitive.Viewport className={styles.selectViewport}>\n                  <SelectPrimitive.Group>\n                    {labels?.resultsPerPage && (\n                      <SelectPrimitive.Label className={styles.selectLabel}>\n                        {labels.resultsPerPage}\n                      </SelectPrimitive.Label>\n                    )}\n                    {pageSizeOptions.map((option) => (\n                      <SelectPrimitive.Item\n                        key={option}\n                        value={String(option)}\n                        className={styles.selectItem}\n                      >\n                        <span className={styles.selectItemIndicator}>\n                          <SelectPrimitive.ItemIndicator>\n                            <CheckIcon style={{ width: 16, height: 16 }} />\n                          </SelectPrimitive.ItemIndicator>\n                        </span>\n                        <SelectPrimitive.ItemText>\n                          {option}\n                        </SelectPrimitive.ItemText>\n                      </SelectPrimitive.Item>\n                    ))}\n                  </SelectPrimitive.Group>\n                </SelectPrimitive.Viewport>\n              </SelectPrimitive.Content>\n            </SelectPrimitive.Portal>\n          </SelectPrimitive.Root>\n        </div>\n      </div>\n    </TooltipProvider>\n  )\n})\n"],"names":["IconFirstPage","props","jsxs","jsx","IconChevronLeft","IconChevronRight","IconLastPage","ChevronDownIcon","CheckIcon","DEFAULT_PAGE_SIZE_OPTIONS","useStyles","makeVoltStyles","tokens.spacingGroup1","shorthands","tokens.spacingElement3","tokens.textSm","tokens.leadingSm","tokens.spacingElement2","tokens.grayA3","tokens.accent11","tokens.grayA4","tokens.accentA8","tokens.trackingNormal","tokens.grayA11","tokens.spacingElement1","tokens.radiusLg","tokens.accent8","tokens.grayA6","tokens.semBody","tokens.textXs","tokens.leadingXs","tokens.fontWeightSemibold","tokens.radiusMd","tokens.accentA3","TablePagination","React","page","totalItems","pageSize","onPageChange","onPageSizeChange","pageSizeOptions","siblingCount","disabled","labels","className","ref","ensurePaletteTokens","styles","totalPages","start","end","isFirstPage","isLastPage","calculatePagination","safePage","clampPage","pageItems","getPageNumbers","handlePageSizeChange","value","newSize","TooltipProvider","SLOT_ATTR","mergeClasses","Button","item","index","key","Tooltip","TooltipTrigger","_a","TooltipContent","_b","isCurrentPage","_c","SelectPrimitive.Root","SelectPrimitive.Trigger","SelectPrimitive.Value","SelectPrimitive.Icon","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Viewport","SelectPrimitive.Group","SelectPrimitive.Label","option","SelectPrimitive.Item","SelectPrimitive.ItemIndicator","SelectPrimitive.ItemText"],"mappings":"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"}
+{"version":3,"file":"table-pagination.js","sources":["../../../src/components/table/table-pagination.tsx"],"sourcesContent":["import * as React from \"react\"\nimport type { SVGProps, ComponentProps } from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\nimport { useDensity } from \"../density-provider/density-provider\"\nimport {\n  calculatePagination,\n  clampPage,\n  getPageNumbers,\n} from \"../../lib/pagination\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../tooltip/tooltip\"\nimport { Button } from \"../button/button\"\n\n// Navigation icons\nconst IconFirstPage = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M6 6v12\" />\n    <path d=\"m15 18-6-6 6-6\" />\n  </svg>\n)\n\nconst IconChevronLeft = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m15 18-6-6 6-6\" />\n  </svg>\n)\n\nconst IconChevronRight = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n)\n\nconst IconLastPage = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n    <path d=\"M18 6v12\" />\n  </svg>\n)\n\n// Select icons\nconst ChevronDownIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m6 9 6 6 6-6\" />\n  </svg>\n)\n\nconst CheckIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M20 6 9 17l-5-5\" />\n  </svg>\n)\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100]\n\nconst useStyles = makeVoltStyles({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    gap: tokens.spacingGroup1,\n    ...shorthands.paddingBlock(tokens.spacingElement3),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  left: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: tokens.spacingElement2,\n  },\n  navButton: {\n    backgroundColor: tokens.grayA3,\n    color: tokens.accent11,\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n    \":disabled\": {\n      backgroundColor: tokens.grayA3,\n      color: tokens.accentA8,\n      pointerEvents: \"none\",\n    },\n  },\n  pageButtonActive: {\n    pointerEvents: \"none\",\n  },\n  pageButtonInactive: {\n    backgroundColor: \"transparent\",\n    color: tokens.accent11,\n    \":hover\": {\n      backgroundColor: tokens.grayA3,\n    },\n    \":active\": {\n      backgroundColor: tokens.grayA4,\n    },\n  },\n  ellipsisButton: {\n    letterSpacing: tokens.trackingNormal,\n    backgroundColor: \"transparent\",\n    color: tokens.accent11,\n    \":hover\": {\n      backgroundColor: tokens.grayA3,\n    },\n  },\n  right: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: tokens.spacingGroup1,\n    paddingRight: \"0.125rem\",\n  },\n  range: {\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA11,\n    fontVariantNumeric: \"tabular-nums\",\n  },\n  selectTrigger: {\n    display: \"flex\",\n    height: \"2rem\",\n    width: \"auto\",\n    minWidth: \"4rem\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    gap: tokens.spacingElement1,\n    ...shorthands.borderRadius(tokens.radiusLg),\n    backgroundColor: tokens.grayA3,\n    ...shorthands.paddingInline(\"0.75rem\"),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    cursor: \"pointer\",\n    ...shorthands.borderWidth(0),\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n    \":focus\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineColor: tokens.accent8,\n      outlineOffset: \"2px\",\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n      opacity: 0.5,\n    },\n  },\n  selectIcon: {\n    display: \"flex\",\n    alignItems: \"center\",\n    color: tokens.grayA11,\n  },\n  selectContent: {\n    position: \"relative\",\n    zIndex: 50,\n    ...shorthands.overflow(\"hidden\"),\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.border(\"1px\", \"solid\", tokens.grayA6),\n    backgroundColor: tokens.semBody,\n    boxShadow:\n      \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)\",\n  },\n  selectViewport: {\n    ...shorthands.padding(\"0.25rem\"),\n  },\n  selectLabel: {\n    ...shorthands.padding(\"0.375rem\", \"0.5rem\"),\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.grayA11,\n  },\n  selectItem: {\n    position: \"relative\",\n    display: \"flex\",\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    alignItems: \"center\",\n    ...shorthands.borderRadius(tokens.radiusMd),\n    ...shorthands.padding(\"0.375rem\", \"0.5rem\", \"0.375rem\", \"2rem\"),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    outlineStyle: \"none\",\n    \":focus\": {\n      backgroundColor: tokens.accentA3,\n    },\n    \"&[data-state='checked']\": {\n      backgroundColor: tokens.accentA3,\n    },\n  },\n  selectItemIndicator: {\n    position: \"absolute\",\n    left: \"0.5rem\",\n    display: \"flex\",\n    width: \"1rem\",\n    height: \"1rem\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n})\n\nexport type TablePaginationLabels = {\n  /** Label for the pagination navigation region. */\n  navigation?: string\n  /** Label for first page button. */\n  firstPage?: string\n  /** Label for previous page button. */\n  previousPage?: string\n  /** Label for next page button. */\n  nextPage?: string\n  /** Label for last page button. */\n  lastPage?: string\n  /** Label generator for page number buttons. Receives 1-indexed page number. */\n  goToPage?: (page: number) => string\n  /** Label generator for ellipsis jump buttons. Receives target page number. */\n  jumpToPage?: (page: number) => string\n  /** Label generator for page size selector. Receives current page size. */\n  pageSizeSelector?: (pageSize: number) => string\n  /** Label for page size dropdown header. */\n  resultsPerPage?: string\n  /** Label generator for the range display. Receives start, end, and total. */\n  rangeDisplay?: (start: number, end: number, total: number) => string\n}\n\nexport type TablePaginationProps = Omit<ComponentProps<\"div\">, \"onChange\"> & {\n  /** Current page number (1-indexed) */\n  page: number\n  /** Total number of items across all pages */\n  totalItems: number\n  /** Current page size (items per page) */\n  pageSize: number\n  /** Callback fired when the page changes */\n  onPageChange: (page: number) => void\n  /** Callback fired when the page size changes */\n  onPageSizeChange: (pageSize: number) => void\n  /** Available page size options for the dropdown */\n  pageSizeOptions?: number[]\n  /** Number of sibling pages to show on each side of current page */\n  siblingCount?: number\n  /** Whether the pagination controls are disabled */\n  disabled?: boolean\n  /** Labels for i18n. All labels are optional for backwards compatibility but recommended. */\n  labels?: TablePaginationLabels\n}\n\nexport const TablePagination = React.forwardRef<\n  HTMLDivElement,\n  TablePaginationProps\n>(function TablePagination(\n  {\n    page,\n    totalItems,\n    pageSize,\n    onPageChange,\n    onPageSizeChange,\n    pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n    siblingCount = 2,\n    disabled = false,\n    labels,\n    className,\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n  // TABLE-DENSITY-IMPLEMENTATION.md: closes the previously deferred inline Select portal — stamp\n  // an explicit override only when one exists in the React tree (Table/DataTable's own explicit\n  // density, via DensityContextBoundary), never a fabricated default; an omitted override still\n  // inherits live shell density through ordinary DOM/CSS since the portal container is a\n  // descendant of <html>. Same pattern as select.tsx's SelectContent.\n  const densityOverride = useDensity()\n  const { totalPages, start, end, isFirstPage, isLastPage } =\n    calculatePagination({\n      page,\n      pageSize,\n      totalItems,\n    })\n\n  const safePage = clampPage(page, totalPages)\n  const pageItems = getPageNumbers(safePage, totalPages, siblingCount)\n\n  const handlePageSizeChange = (value: string) => {\n    const newSize = parseInt(value, 10)\n    if (!isNaN(newSize)) {\n      onPageSizeChange(newSize)\n    }\n  }\n\n  // Don't render if no items\n  if (totalItems === 0) {\n    return null\n  }\n\n  return (\n    <TooltipProvider>\n      <div\n        ref={ref}\n        data-slot=\"table-pagination\"\n        {...{ [SLOT_ATTR]: \"table-pagination\" }}\n        data-fs-element=\"TablePagination\"\n        role=\"navigation\"\n        aria-label={labels?.navigation}\n        className={mergeClasses(styles.root, className)}\n        {...props}\n      >\n        {/* LEFT SIDE: Navigation and page buttons */}\n        <div className={styles.left}>\n          {/* First page button */}\n          <Button\n            variant=\"secondary\"\n            size=\"icon-sm\"\n            shape=\"normal\"\n            disabled={disabled || isFirstPage}\n            onClick={() => onPageChange(1)}\n            aria-label={labels?.firstPage}\n            className={styles.navButton}\n          >\n            <IconFirstPage />\n          </Button>\n\n          {/* Previous page button */}\n          <Button\n            variant=\"secondary\"\n            size=\"icon-sm\"\n            shape=\"normal\"\n            disabled={disabled || isFirstPage}\n            onClick={() => onPageChange(safePage - 1)}\n            aria-label={labels?.previousPage}\n            className={styles.navButton}\n          >\n            <IconChevronLeft />\n          </Button>\n\n          {/* Page number buttons */}\n          {pageItems.map((item, index) => {\n            const key =\n              item.type === \"ellipsis\"\n                ? `ellipsis-${index}-${item.targetPage}`\n                : `page-${item.page}`\n\n            if (item.type === \"ellipsis\") {\n              return (\n                <Tooltip key={key}>\n                  <TooltipTrigger asChild>\n                    <Button\n                      variant=\"tertiary\"\n                      size=\"icon-sm\"\n                      shape=\"normal\"\n                      disabled={disabled}\n                      onClick={() => onPageChange(item.targetPage)}\n                      aria-label={labels?.jumpToPage?.(item.targetPage)}\n                      className={styles.ellipsisButton}\n                    >\n                      ...\n                    </Button>\n                  </TooltipTrigger>\n                  <TooltipContent>\n                    {labels?.jumpToPage?.(item.targetPage)}\n                  </TooltipContent>\n                </Tooltip>\n              )\n            }\n\n            const isCurrentPage = item.page === safePage\n\n            return (\n              <Button\n                key={key}\n                variant={isCurrentPage ? \"secondary\" : \"tertiary\"}\n                size=\"icon-sm\"\n                shape=\"normal\"\n                disabled={disabled}\n                onClick={() => onPageChange(item.page)}\n                aria-label={labels?.goToPage?.(item.page)}\n                aria-current={isCurrentPage ? \"page\" : undefined}\n                className={\n                  isCurrentPage\n                    ? styles.pageButtonActive\n                    : styles.pageButtonInactive\n                }\n              >\n                {item.page}\n              </Button>\n            )\n          })}\n\n          {/* Next page button */}\n          <Button\n            variant=\"secondary\"\n            size=\"icon-sm\"\n            shape=\"normal\"\n            disabled={disabled || isLastPage}\n            onClick={() => onPageChange(safePage + 1)}\n            aria-label={labels?.nextPage}\n            className={styles.navButton}\n          >\n            <IconChevronRight />\n          </Button>\n\n          {/* Last page button */}\n          <Button\n            variant=\"secondary\"\n            size=\"icon-sm\"\n            shape=\"normal\"\n            disabled={disabled || isLastPage}\n            onClick={() => onPageChange(totalPages)}\n            aria-label={labels?.lastPage}\n            className={styles.navButton}\n          >\n            <IconLastPage />\n          </Button>\n        </div>\n\n        {/* RIGHT SIDE: Range display and page size selector */}\n        <div className={styles.right}>\n          {/* Range display */}\n          <span\n            data-slot=\"table-pagination-range\"\n            className={styles.range}\n            aria-live=\"polite\"\n          >\n            {labels?.rangeDisplay\n              ? labels.rangeDisplay(start, end, totalItems)\n              : `${start}-${end} / ${totalItems}`}\n          </span>\n\n          {/* Page size selector */}\n          <SelectPrimitive.Root\n            value={String(pageSize)}\n            onValueChange={handlePageSizeChange}\n            disabled={disabled}\n          >\n            <SelectPrimitive.Trigger\n              className={styles.selectTrigger}\n              aria-label={labels?.pageSizeSelector?.(pageSize)}\n            >\n              <SelectPrimitive.Value />\n              <SelectPrimitive.Icon className={styles.selectIcon}>\n                <ChevronDownIcon />\n              </SelectPrimitive.Icon>\n            </SelectPrimitive.Trigger>\n            <SelectPrimitive.Portal>\n              <SelectPrimitive.Content\n                className={styles.selectContent}\n                {...(densityOverride !== undefined\n                  ? { \"data-density\": densityOverride }\n                  : {})}\n                position=\"popper\"\n                sideOffset={4}\n              >\n                <SelectPrimitive.Viewport className={styles.selectViewport}>\n                  <SelectPrimitive.Group>\n                    {labels?.resultsPerPage && (\n                      <SelectPrimitive.Label className={styles.selectLabel}>\n                        {labels.resultsPerPage}\n                      </SelectPrimitive.Label>\n                    )}\n                    {pageSizeOptions.map((option) => (\n                      <SelectPrimitive.Item\n                        key={option}\n                        value={String(option)}\n                        className={styles.selectItem}\n                      >\n                        <span className={styles.selectItemIndicator}>\n                          <SelectPrimitive.ItemIndicator>\n                            <CheckIcon style={{ width: 16, height: 16 }} />\n                          </SelectPrimitive.ItemIndicator>\n                        </span>\n                        <SelectPrimitive.ItemText>\n                          {option}\n                        </SelectPrimitive.ItemText>\n                      </SelectPrimitive.Item>\n                    ))}\n                  </SelectPrimitive.Group>\n                </SelectPrimitive.Viewport>\n              </SelectPrimitive.Content>\n            </SelectPrimitive.Portal>\n          </SelectPrimitive.Root>\n        </div>\n      </div>\n    </TooltipProvider>\n  )\n})\n"],"names":["IconFirstPage","props","jsxDEV","this","IconChevronLeft","IconChevronRight","IconLastPage","ChevronDownIcon","CheckIcon","DEFAULT_PAGE_SIZE_OPTIONS","useStyles","makeVoltStyles","tokens.spacingGroup1","shorthands","tokens.spacingElement3","tokens.textSm","tokens.leadingSm","tokens.spacingElement2","tokens.grayA3","tokens.accent11","tokens.grayA4","tokens.accentA8","tokens.trackingNormal","tokens.grayA11","tokens.spacingElement1","tokens.radiusLg","tokens.accent8","tokens.grayA6","tokens.semBody","tokens.textXs","tokens.leadingXs","tokens.fontWeightSemibold","tokens.radiusMd","tokens.accentA3","TablePagination","React","page","totalItems","pageSize","onPageChange","onPageSizeChange","pageSizeOptions","siblingCount","disabled","labels","className","ref","styles","densityOverride","useDensity","totalPages","start","end","isFirstPage","isLastPage","calculatePagination","safePage","clampPage","pageItems","getPageNumbers","handlePageSizeChange","value","newSize","TooltipProvider","SLOT_ATTR","mergeClasses","Button","item","index","key","Tooltip","TooltipTrigger","_a","TooltipContent","_b","isCurrentPage","_c","SelectPrimitive.Root","SelectPrimitive.Trigger","SelectPrimitive.Value","SelectPrimitive.Icon","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Viewport","SelectPrimitive.Group","SelectPrimitive.Label","option","SelectPrimitive.Item","SelectPrimitive.ItemIndicator","SelectPrimitive.ItemText"],"mappings":"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"}

package/dist/components/table/table.js

@@ -1,11 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
-import * as n from "react";
+import { j as r } from "../../vendor/react/jsx-dev-runtime.js";
+import * as s from "react";
 import { shorthands as f } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
-import { SLOT_ATTR as c } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as s } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { makeVoltStyles as S } from "../../styles/make-styles.js";
-import { grayA5 as C, spacingGroup2 as w, grayA11 as H, leadingSm as R, textSm as N, spacingElement3 as g, spacingElement2 as v, grayA12 as B, fontWeightNormal as L, spacingLayout2 as W, fontWeightMedium as k, accentA3 as A, semGraySoft as D } from "../../tokens/index.js";
-const x = n.createContext("normal"), d = S({
+import { SLOT_ATTR as n } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as c } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { makeVoltStyles as C } from "../../styles/make-styles.js";
+import { grayA5 as h, spacingGroup2 as v, grayA11 as j, leadingSm as w, textSm as T, grayA12 as y, fontWeightNormal as E, tableCellPaddingY as k, spacingElement3 as p, fontWeightMedium as R, tableHeadHeight as V, accentA3 as D, semGraySoft as U } from "../../tokens/index.js";
+import { canonicalDensity as x, DensityContextBoundary as N } from "../density-provider/density-provider.js";
+const F = s.createContext("normal"), m = C({
   wrapper: {
     position: "relative",
     width: "100%",
@@ -13,12 +14,12 @@ const x = n.createContext("normal"), d = S({
   },
   root: {
     width: "100%",
-    fontSize: N,
-    lineHeight: R
+    fontSize: T,
+    lineHeight: w
   },
   header: {
     "& tr": {
-      ...f.borderBottom("1px", "solid", C)
+      ...f.borderBottom("1px", "solid", h)
     }
   },
   body: {
@@ -27,34 +28,37 @@ const x = n.createContext("normal"), d = S({
     }
   },
   footer: {
-    ...f.borderTop("1px", "solid", C),
-    backgroundColor: D,
-    fontWeight: k,
+    ...f.borderTop("1px", "solid", h),
+    backgroundColor: U,
+    fontWeight: R,
     "& > tr:last-child": {
       borderBottomWidth: 0
     }
   },
   row: {
-    ...f.borderBottom("1px", "solid", C),
+    ...f.borderBottom("1px", "solid", h),
     transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
     "&[data-state='selected']": {
-      backgroundColor: A
+      backgroundColor: D
     }
   },
   rowHover: {
     ":hover": {
-      backgroundColor: A
+      backgroundColor: D
     }
   },
   head: {
     // px-3
-    paddingLeft: g,
-    paddingRight: g,
+    paddingLeft: p,
+    paddingRight: p,
+    // Density-bound (TABLE-DENSITY-IMPLEMENTATION.md): cascades from the nearest [data-density]
+    // ancestor — 32/36/40px for compact/normal/comfortable. No JS density switch needed.
+    height: V,
     verticalAlign: "middle",
-    fontWeight: k,
-    color: B,
+    fontWeight: R,
+    color: y,
     "&:has([role='checkbox'])": {
       paddingRight: 0
     },
@@ -63,16 +67,6 @@ const x = n.createContext("normal"), d = S({
       translate: "0 2px"
     }
   },
-  // h-8 / h-9 / h-10
-  headCompact: {
-    height: W
-  },
-  headNormal: {
-    height: "2.25rem"
-  },
-  headComfortable: {
-    height: "2.5rem"
-  },
   alignLeft: {
     textAlign: "left"
   },
@@ -84,11 +78,15 @@ const x = n.createContext("normal"), d = S({
   },
   cell: {
     // px-3
-    paddingLeft: g,
-    paddingRight: g,
+    paddingLeft: p,
+    paddingRight: p,
+    // Density-bound (TABLE-DENSITY-IMPLEMENTATION.md): cascades from the nearest [data-density]
+    // ancestor — 6/8/12px for compact/normal/comfortable. No JS density switch needed.
+    paddingTop: k,
+    paddingBottom: k,
     verticalAlign: "middle",
-    fontWeight: L,
-    color: B,
+    fontWeight: E,
+    color: y,
     "&:has([role='checkbox'])": {
       paddingRight: 0
     },
@@ -97,168 +95,238 @@ const x = n.createContext("normal"), d = S({
       translate: "0 2px"
     }
   },
-  // py-1.5 / py-2 / py-3
-  cellCompact: {
-    paddingTop: "0.375rem",
-    paddingBottom: "0.375rem"
-  },
-  cellNormal: {
-    paddingTop: v,
-    paddingBottom: v
-  },
-  cellComfortable: {
-    paddingTop: g,
-    paddingBottom: g
-  },
   cellNumeric: {
     fontVariantNumeric: "tabular-nums"
   },
   caption: {
-    fontSize: N,
-    lineHeight: R,
-    color: H
+    fontSize: T,
+    lineHeight: w,
+    color: j
   },
   captionTop: {
     captionSide: "top",
     // mb-4
-    marginBottom: w
+    marginBottom: v
   },
   captionBottom: {
     captionSide: "bottom",
     // mt-4
-    marginTop: w
+    marginTop: v
   }
-}), j = n.forwardRef(
-  function({ className: o, density: t = "normal", ...a }, r) {
-    const l = d();
-    return /* @__PURE__ */ i(x.Provider, { value: t, children: /* @__PURE__ */ i("div", { className: l.wrapper, children: /* @__PURE__ */ i(
+}), G = s.forwardRef(
+  function({ className: l, density: e, children: t, ...o }, a) {
+    const d = m();
+    return /* @__PURE__ */ r.jsxDEV("div", { className: d.wrapper, children: /* @__PURE__ */ r.jsxDEV(
       "table",
       {
-        ref: r,
+        ref: a,
         "data-slot": "table",
-        [c]: "table",
-        className: s(l.root, o),
-        ...a
-      }
-    ) }) });
+        [n]: "table",
+        className: c(d.root, l),
+        ...o,
+        ...e !== void 0 ? { "data-density": x(e) } : {},
+        children: /* @__PURE__ */ r.jsxDEV(N, { density: e, children: t }, void 0, !1, {
+          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table.tsx",
+          lineNumber: 212,
+          columnNumber: 11
+        }, this)
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table.tsx",
+        lineNumber: 196,
+        columnNumber: 9
+      },
+      this
+    ) }, void 0, !1, {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table.tsx",
+      lineNumber: 195,
+      columnNumber: 7
+    }, this);
   }
-), M = n.forwardRef(function({ className: o, ...t }, a) {
-  const r = d();
-  return /* @__PURE__ */ i(
+), P = s.forwardRef(function({ className: l, ...e }, t) {
+  const o = m();
+  return /* @__PURE__ */ r.jsxDEV(
     "thead",
     {
-      ref: a,
+      ref: t,
       "data-slot": "table-header",
-      [c]: "table-header",
-      className: s(r.header, o),
-      ...t
-    }
+      [n]: "table-header",
+      className: c(o.header, l),
+      ...e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table.tsx",
+      lineNumber: 228,
+      columnNumber: 5
+    },
+    this
   );
-}), O = n.forwardRef(function({ className: o, ...t }, a) {
-  const r = d();
-  return /* @__PURE__ */ i(
+}), M = s.forwardRef(function({ className: l, ...e }, t) {
+  const o = m();
+  return /* @__PURE__ */ r.jsxDEV(
     "tbody",
     {
-      ref: a,
+      ref: t,
       "data-slot": "table-body",
-      [c]: "table-body",
-      className: s(r.body, o),
-      ...t
-    }
+      [n]: "table-body",
+      className: c(o.body, l),
+      ...e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table.tsx",
+      lineNumber: 245,
+      columnNumber: 5
+    },
+    this
   );
-}), Q = n.forwardRef(function({ className: o, ...t }, a) {
-  const r = d();
-  return /* @__PURE__ */ i(
+}), O = s.forwardRef(function({ className: l, ...e }, t) {
+  const o = m();
+  return /* @__PURE__ */ r.jsxDEV(
     "tfoot",
     {
-      ref: a,
+      ref: t,
       "data-slot": "table-footer",
-      [c]: "table-footer",
-      className: s(r.footer, o),
-      ...t
-    }
+      [n]: "table-footer",
+      className: c(o.footer, l),
+      ...e
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table.tsx",
+      lineNumber: 262,
+      columnNumber: 5
+    },
+    this
   );
-}), _ = n.forwardRef(
-  function({ className: o, noHover: t, ...a }, r) {
-    const l = d();
-    return /* @__PURE__ */ i(
+}), Q = s.forwardRef(
+  function({ className: l, noHover: e, ...t }, o) {
+    const a = m();
+    return /* @__PURE__ */ r.jsxDEV(
       "tr",
       {
-        ref: r,
+        ref: o,
         "data-slot": "table-row",
-        [c]: "table-row",
-        className: s(
-          l.row,
-          !t && l.rowHover,
-          o
+        [n]: "table-row",
+        className: c(
+          a.row,
+          !e && a.rowHover,
+          l
         ),
-        ...a
-      }
+        ...t
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table.tsx",
+        lineNumber: 282,
+        columnNumber: 7
+      },
+      this
     );
   }
-), q = n.forwardRef(
-  function({ className: o, align: t = "left", density: a, scope: r = "col", children: l, ...b }, h) {
-    const u = n.useContext(x), p = a ?? u, e = d(), y = p === "compact" ? e.headCompact : p === "normal" ? e.headNormal : e.headComfortable, T = t === "center" ? e.alignCenter : t === "right" ? e.alignRight : e.alignLeft;
-    return /* @__PURE__ */ i(
+), Y = s.forwardRef(
+  function({ className: l, align: e = "left", density: t, scope: o = "col", children: a, ...d }, u) {
+    const i = m(), g = e === "center" ? i.alignCenter : e === "right" ? i.alignRight : i.alignLeft;
+    return /* @__PURE__ */ r.jsxDEV(
       "th",
       {
-        ref: h,
+        ref: u,
         "data-slot": "table-head",
-        [c]: "table-head",
-        scope: r,
-        className: s(e.head, y, T, o),
-        ...b,
-        children: l
-      }
+        [n]: "table-head",
+        scope: o,
+        className: c(i.head, g, l),
+        ...d,
+        ...t !== void 0 ? { "data-density": x(t) } : {},
+        children: /* @__PURE__ */ r.jsxDEV(N, { density: t, children: a }, void 0, !1, {
+          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table.tsx",
+          lineNumber: 332,
+          columnNumber: 9
+        }, this)
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table.tsx",
+        lineNumber: 317,
+        columnNumber: 7
+      },
+      this
     );
   }
-), I = n.forwardRef(
-  function({ className: o, align: t = "left", numeric: a, density: r, children: l, ...b }, h) {
-    const u = n.useContext(x), p = r ?? u, e = d(), y = p === "compact" ? e.cellCompact : p === "normal" ? e.cellNormal : e.cellComfortable, T = t === "center" ? e.alignCenter : t === "right" ? e.alignRight : e.alignLeft;
-    return /* @__PURE__ */ i(
+), _ = s.forwardRef(
+  function({ className: l, align: e = "left", numeric: t, density: o, children: a, ...d }, u) {
+    const i = m(), g = e === "center" ? i.alignCenter : e === "right" ? i.alignRight : i.alignLeft;
+    return /* @__PURE__ */ r.jsxDEV(
       "td",
       {
-        ref: h,
+        ref: u,
         "data-slot": "table-cell",
-        [c]: "table-cell",
-        className: s(
-          e.cell,
-          y,
-          T,
-          a && e.cellNumeric,
-          o
+        [n]: "table-cell",
+        className: c(
+          i.cell,
+          g,
+          t && i.cellNumeric,
+          l
         ),
-        ...b,
-        children: l
-      }
+        ...d,
+        ...o !== void 0 ? { "data-density": x(o) } : {},
+        children: /* @__PURE__ */ r.jsxDEV(N, { density: o, children: a }, void 0, !1, {
+          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table.tsx",
+          lineNumber: 376,
+          columnNumber: 9
+        }, this)
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table.tsx",
+        lineNumber: 359,
+        columnNumber: 7
+      },
+      this
     );
   }
-), J = n.forwardRef(function({ className: o, position: t = "bottom", ...a }, r) {
-  const l = d();
-  return /* @__PURE__ */ i(
+), q = s.forwardRef(function({ className: l, position: e = "bottom", ...t }, o) {
+  const a = m();
+  return /* @__PURE__ */ r.jsxDEV(
     "caption",
     {
-      ref: r,
+      ref: o,
       "data-slot": "table-caption",
-      [c]: "table-caption",
-      className: s(
-        l.caption,
-        t === "top" ? l.captionTop : l.captionBottom,
-        o
+      [n]: "table-caption",
+      className: c(
+        a.caption,
+        e === "top" ? a.captionTop : a.captionBottom,
+        l
       ),
-      ...a
-    }
+      ...t
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table.tsx",
+      lineNumber: 393,
+      columnNumber: 5
+    },
+    this
   );
 });
 export {
-  j as Table,
-  O as TableBody,
-  J as TableCaption,
-  I as TableCell,
-  x as TableDensityContext,
-  Q as TableFooter,
-  q as TableHead,
-  M as TableHeader,
-  _ as TableRow
+  G as Table,
+  M as TableBody,
+  q as TableCaption,
+  _ as TableCell,
+  F as TableDensityContext,
+  O as TableFooter,
+  Y as TableHead,
+  P as TableHeader,
+  Q as TableRow
 };
 //# sourceMappingURL=table.js.map