@epilot/zenith-react 0.2.0-next.1 → 0.2.0-next.4

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/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport { OVERLAY_Z_INDEX } from \"../../styles/overlay-layer\"\nimport * as tokens from \"../../tokens\"\nimport { useAppearanceAttributes } from \"../appearance-boundary/appearance-boundary\"\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 = makeZenithStyles({\n  root: {\n    ...boxModel,\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    ...boxModel,\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    ...nativeControl,\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    ...boxModel,\n    position: \"relative\",\n    zIndex: OVERLAY_Z_INDEX,\n    ...shorthands.overflow(\"hidden\"),\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.border(\"1px\", \"solid\", tokens.grayA6),\n    backgroundColor: tokens.body,\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    ...boxModel,\n    ...shorthands.padding(\"0.25rem\"),\n  },\n  selectLabel: {\n    ...boxModel,\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    ...boxModel,\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    ...boxModel,\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\nconst DEFAULT_PAGINATION_LABELS = {\n  navigation: \"Pagination\",\n  firstPage: \"First page\",\n  previousPage: \"Previous page\",\n  nextPage: \"Next page\",\n  lastPage: \"Last page\",\n  goToPage: (page: number) => `Page ${page}`,\n  jumpToPage: (page: number) => `Jump to page ${page}`,\n  pageSizeSelector: (size: number) => `Rows per page: ${size}`,\n} as const satisfies TablePaginationLabels\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: labelsProp,\n    className,\n    ...props\n  },\n  ref\n) {\n  /**\n   * Accessible names for the controls. Every button here is icon-only, so\n   * without a name it reaches assistive technology as an unlabelled button --\n   * which is what `actions.mdx` forbids, and what this component shipped\n   * whenever a caller omitted `labels`. The caller's values still win; these\n   * only fill the gaps, so a localised app overrides them exactly as before.\n   */\n  const labels = { ...DEFAULT_PAGINATION_LABELS, ...labelsProp }\n  const styles = useStyles()\n  // 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  // SPEC.md §2 rule 3 — the same portal asymmetry, for the appearance pair: re-stamp the\n  // nearest explicit AppearanceBoundary's mode+surface, or neither attribute when there is\n  // none, leaving live shell inheritance in place.\n  const appearance = useAppearanceAttributes()\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                {...appearance}\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","makeZenithStyles","boxModel","tokens.spacingGroup1","shorthands","tokens.spacingElement3","tokens.textSm","tokens.leadingSm","tokens.spacingElement2","tokens.grayA3","tokens.accent11","tokens.grayA4","tokens.accentA8","tokens.trackingNormal","tokens.grayA11","nativeControl","tokens.spacingElement1","tokens.radiusLg","tokens.accent8","OVERLAY_Z_INDEX","tokens.grayA6","tokens.body","tokens.textXs","tokens.leadingXs","tokens.fontWeightSemibold","tokens.radiusMd","tokens.accentA3","DEFAULT_PAGINATION_LABELS","page","size","TablePagination","React","totalItems","pageSize","onPageChange","onPageSizeChange","pageSizeOptions","siblingCount","disabled","labelsProp","className","ref","labels","styles","densityOverride","useDensity","appearance","useAppearanceAttributes","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 { Select as SelectPrimitive } from \"@base-ui/react/select\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport { OVERLAY_Z_INDEX } from \"../../styles/overlay-layer\"\nimport * as tokens from \"../../tokens\"\nimport { useAppearanceAttributes } from \"../appearance-boundary/appearance-boundary\"\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 = makeZenithStyles({\n  root: {\n    ...boxModel,\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    ...boxModel,\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    ...nativeControl,\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  // The positioner is what stacks against other layers, as Radix's popper wrapper did, keeping\n  // that wrapper's `max-content` floor.\n  selectPositioner: {\n    zIndex: OVERLAY_Z_INDEX,\n    minWidth: \"max-content\",\n  },\n  selectContent: {\n    ...boxModel,\n    // Radix laid its content out as a column around the viewport.\n    display: \"flex\",\n    flexDirection: \"column\",\n    position: \"relative\",\n    zIndex: OVERLAY_Z_INDEX,\n    ...shorthands.overflow(\"hidden\"),\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.border(\"1px\", \"solid\", tokens.grayA6),\n    backgroundColor: tokens.body,\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    ...boxModel,\n    // Radix's viewport: the scroller, its scrollbar hidden.\n    position: \"relative\",\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    overflowX: \"hidden\",\n    overflowY: \"auto\",\n    scrollbarWidth: \"none\",\n    \"&::-webkit-scrollbar\": {\n      display: \"none\",\n    },\n    ...shorthands.padding(\"0.25rem\"),\n  },\n  selectLabel: {\n    ...boxModel,\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    ...boxModel,\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    // Base UI highlights the active item without moving focus to it, as Radix did.\n    \"&[data-highlighted]\": {\n      backgroundColor: tokens.accentA3,\n    },\n    \"&[data-selected]\": {\n      backgroundColor: tokens.accentA3,\n    },\n  },\n  selectItemIndicator: {\n    ...boxModel,\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\nconst DEFAULT_PAGINATION_LABELS = {\n  navigation: \"Pagination\",\n  firstPage: \"First page\",\n  previousPage: \"Previous page\",\n  nextPage: \"Next page\",\n  lastPage: \"Last page\",\n  goToPage: (page: number) => `Page ${page}`,\n  jumpToPage: (page: number) => `Jump to page ${page}`,\n  pageSizeSelector: (size: number) => `Rows per page: ${size}`,\n} as const satisfies TablePaginationLabels\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: labelsProp,\n    className,\n    ...props\n  },\n  ref\n) {\n  /**\n   * Accessible names for the controls. Every button here is icon-only, so\n   * without a name it reaches assistive technology as an unlabelled button --\n   * which is what `actions.mdx` forbids, and what this component shipped\n   * whenever a caller omitted `labels`. The caller's values still win; these\n   * only fill the gaps, so a localised app overrides them exactly as before.\n   */\n  const labels = { ...DEFAULT_PAGINATION_LABELS, ...labelsProp }\n  const styles = useStyles()\n  // 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  // SPEC.md §2 rule 3 — the same portal asymmetry, for the appearance pair: re-stamp the\n  // nearest explicit AppearanceBoundary's mode+surface, or neither attribute when there is\n  // none, leaving live shell inheritance in place.\n  const appearance = useAppearanceAttributes()\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<string>\n            value={String(pageSize)}\n            onValueChange={(value) => {\n              if (value !== null) handlePageSizeChange(value)\n            }}\n            disabled={disabled}\n          >\n            <SelectPrimitive.Trigger\n              className={styles.selectTrigger}\n              aria-label={labels?.pageSizeSelector?.(pageSize)}\n            >\n              {/* Radix echoed the matching item's text, so a page size that is not among the\n                  options showed nothing; Base UI would print the raw value. */}\n              <SelectPrimitive.Value>\n                {(value: string | null) =>\n                  pageSizeOptions.some((option) => String(option) === value)\n                    ? value\n                    : null\n                }\n              </SelectPrimitive.Value>\n              <SelectPrimitive.Icon className={styles.selectIcon}>\n                <ChevronDownIcon />\n              </SelectPrimitive.Icon>\n            </SelectPrimitive.Trigger>\n            <SelectPrimitive.Portal>\n              <SelectPrimitive.Positioner\n                className={styles.selectPositioner}\n                // Radix's popper defaults for a select, which this picker used.\n                alignItemWithTrigger={false}\n                align=\"start\"\n                sideOffset={4}\n                collisionPadding={10}\n              >\n                <SelectPrimitive.Popup\n                  className={styles.selectContent}\n                  {...(densityOverride !== undefined\n                    ? { \"data-density\": densityOverride }\n                    : {})}\n                  {...appearance}\n                >\n                  <SelectPrimitive.List className={styles.selectViewport}>\n                    <SelectPrimitive.Group>\n                      {labels?.resultsPerPage && (\n                        <SelectPrimitive.GroupLabel\n                          className={styles.selectLabel}\n                        >\n                          {labels.resultsPerPage}\n                        </SelectPrimitive.GroupLabel>\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 render={<span />}>\n                            {option}\n                          </SelectPrimitive.ItemText>\n                        </SelectPrimitive.Item>\n                      ))}\n                    </SelectPrimitive.Group>\n                  </SelectPrimitive.List>\n                </SelectPrimitive.Popup>\n              </SelectPrimitive.Positioner>\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","makeZenithStyles","boxModel","tokens.spacingGroup1","shorthands","tokens.spacingElement3","tokens.textSm","tokens.leadingSm","tokens.spacingElement2","tokens.grayA3","tokens.accent11","tokens.grayA4","tokens.accentA8","tokens.trackingNormal","tokens.grayA11","nativeControl","tokens.spacingElement1","tokens.radiusLg","tokens.accent8","OVERLAY_Z_INDEX","tokens.grayA6","tokens.body","tokens.textXs","tokens.leadingXs","tokens.fontWeightSemibold","tokens.radiusMd","tokens.accentA3","DEFAULT_PAGINATION_LABELS","page","size","TablePagination","React","totalItems","pageSize","onPageChange","onPageSizeChange","pageSizeOptions","siblingCount","disabled","labelsProp","className","ref","labels","styles","densityOverride","useDensity","appearance","useAppearanceAttributes","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","option"],"mappings":"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"}

package/dist/components/tabs/tabs.js

@@ -1,56 +1,57 @@
 import { jsx as y } from "react/jsx-runtime";
-import * as a from "react";
-import { Root as O, Content as B, List as D, Trigger as H } from "../../vendor/.bun/@radix-ui_react-tabs@1.1.13_2b23df507bdda662/vendor/@radix-ui/react-tabs/dist/index.js";
-import { mergeClasses as T, SLOT_ATTR as S, shorthands as e } from "@epilot/zenith-runtime/v1";
-import { makeZenithStyles as K } from "../../styles/make-styles.js";
-import { boxModel as A, nativeControl as U } from "../../styles/host-reset.js";
-import { errorA11 as L, errorA3 as Z, errorA8 as _, errorA4 as q, accentA11 as E, accentA3 as J, accentA8 as M, accentA4 as Q, accentA12 as X, grayA3 as W, grayA8 as Y, grayA2 as $, grayA12 as N, spacingElement2 as u, fontWeightSemibold as P, leadingSm as tt, textSm as et, spacingElement3 as z, spacingGroup2 as at, radiusFull as rt, radiusLg as G, spacingElement1 as ot } from "../../tokens/index.js";
-const F = a.createContext({
+import * as o from "react";
+import { Tabs as R } from "../../_virtual/_zenith-runtime-family_tabs.js";
+import { DirectionProvider as _ } from "../../_virtual/_zenith-runtime-family_direction-provider.js";
+import { mergeClasses as V, SLOT_ATTR as L, shorthands as r } from "@epilot/zenith-runtime/v1";
+import { makeZenithStyles as $ } from "../../styles/make-styles.js";
+import { boxModel as k, nativeControl as q } from "../../styles/host-reset.js";
+import { errorA3 as D, errorA8 as J, errorA4 as Q, errorA11 as X, accentA3 as Y, accentA8 as K, accentA4 as tt, accentA12 as et, grayA3 as P, grayA8 as rt, grayA2 as ot, grayA12 as z, fontWeightSemibold as F, leadingSm as at, textSm as nt, spacingElement3 as G, spacingGroup2 as it, spacingElement2 as v, radiusLg as H, spacingElement1 as st } from "../../tokens/index.js";
+const B = o.createContext({
   size: "base",
-  variant: "default"
-}), R = K({
+  variant: "default",
+  activationMode: "automatic"
+}), E = $({
   root: {
     display: "flex",
     flexDirection: "column",
-    ...e.gap(u),
+    ...r.gap(v),
     "&[data-orientation='vertical']": {
       flexDirection: "row",
       alignItems: "flex-start",
-      ...e.gap(u)
+      ...r.gap(v)
     }
   },
   list: {
-    ...A,
+    ...k,
     backgroundColor: "transparent",
-    color: N,
+    color: z,
     height: "auto",
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
-    ...e.gap(u),
-    ...e.borderRadius(G),
-    ...e.paddingBlock(u),
+    ...r.gap(v),
+    ...r.borderRadius(H),
+    ...r.paddingBlock(v),
     "&[data-orientation='vertical']": {
       flexDirection: "column",
       alignItems: "stretch",
       justifyContent: "flex-start",
-      ...e.gap(ot),
-      ...e.paddingBlock(0)
+      ...r.gap(st),
+      ...r.paddingBlock(0)
     }
   },
   trigger: {
-    ...U,
-    position: "relative",
+    ...q,
     display: "inline-flex",
     alignItems: "center",
-    ...e.gap(u),
+    ...r.gap(v),
     backgroundColor: "transparent",
-    ...e.borderStyle("none"),
-    ...e.borderWidth(0),
-    ...e.borderRadius(G),
+    ...r.borderStyle("none"),
+    ...r.borderWidth(0),
+    ...r.borderRadius(H),
     cursor: "pointer",
-    fontSize: et,
-    lineHeight: tt,
+    fontSize: nt,
+    lineHeight: at,
     // A label never wraps, so selection (and its semibold) can never change a tab's height.
     whiteSpace: "nowrap",
     transitionProperty: "all",
@@ -77,11 +78,11 @@ const F = a.createContext({
       "&::after": {
         content: "attr(data-label)",
         height: 0,
-        ...e.overflow("hidden"),
+        ...r.overflow("hidden"),
         visibility: "hidden",
         pointerEvents: "none",
         userSelect: "none",
-        fontWeight: P
+        fontWeight: F
       }
     },
     // A vertical rail keeps its labels left-aligned inside the reserved width.
@@ -89,92 +90,63 @@ const F = a.createContext({
       alignItems: "flex-start"
     },
     // #18: the selected tab is marked by a semibold label, not by colour alone.
-    "&[data-state='active']": {
-      fontWeight: P
-    },
-    // In a vertical rail the selected tab also carries a leading bar, whose colour comes from the
-    // variant; horizontal tabs are marked by weight and fill alone.
-    "&[data-orientation='vertical'][data-state='active']": {
-      "&::before": {
-        content: "''",
-        position: "absolute",
-        left: 0,
-        top: u,
-        bottom: u,
-        // No stroke token owns a 3px indicator bar.
-        width: "3px",
-        ...e.borderRadius(rt)
-      }
+    "&[data-active]": {
+      fontWeight: F
     }
   },
   // Sizes
   sm: {
-    ...A,
-    ...e.padding("0.375rem", u)
+    ...k,
+    ...r.padding("0.375rem", v)
   },
   base: {
-    ...A,
-    ...e.padding(u, z)
+    ...k,
+    ...r.padding(v, G)
   },
   lg: {
-    ...A,
-    ...e.padding(z, at)
+    ...k,
+    ...r.padding(G, it)
   },
   // Variants
   defaultVariant: {
-    color: N,
+    color: z,
     // Hover sits below the selected grayA3, so a hovered tab cannot pass for the current one;
     // the selected tab keeps its fill under the pointer.
     ":hover": {
-      backgroundColor: $
+      backgroundColor: ot
     },
     ":focus-visible": {
-      outlineColor: Y
+      outlineColor: rt
     },
-    "&[data-state='active']": {
-      backgroundColor: W,
+    "&[data-active]": {
+      backgroundColor: P,
       "&:hover": {
-        backgroundColor: W
-      }
-    },
-    "&[data-orientation='vertical'][data-state='active']": {
-      "&::before": {
-        backgroundColor: E
+        backgroundColor: P
       }
     }
   },
   highlightVariant: {
-    color: X,
+    color: et,
     ":hover": {
-      backgroundColor: Q
+      backgroundColor: tt
     },
     ":focus-visible": {
-      outlineColor: M
-    },
-    "&[data-state='active']": {
-      backgroundColor: J
+      outlineColor: K
     },
-    "&[data-orientation='vertical'][data-state='active']": {
-      "&::before": {
-        backgroundColor: E
-      }
+    "&[data-active]": {
+      backgroundColor: Y
     }
   },
   destructiveVariant: {
-    color: L,
+    color: X,
     ":hover": {
-      backgroundColor: q
+      backgroundColor: Q
     },
     ":focus-visible": {
-      outlineColor: _
-    },
-    "&[data-state='active']": {
-      backgroundColor: Z
+      outlineColor: J
     },
-    "&[data-orientation='vertical'][data-state='active']": {
-      "&::before": {
-        backgroundColor: L
-      }
+    "&[data-active]": {
+      backgroundColor: D
     }
   },
   content: {
@@ -183,130 +155,161 @@ const F = a.createContext({
     flexBasis: "0%",
     outlineStyle: "none"
   }
-}), ft = a.forwardRef(function({
-  className: n,
-  size: c = "base",
-  variant: r = "default",
+});
+function O(a) {
+  const e = o.Children.toArray(a).filter(o.isValidElement);
+  return e.length === 1 ? e[0] : void 0;
+}
+function W(a, e) {
+  const n = a ? O(e) : void 0;
+  return n ? { render: n } : { children: e };
+}
+const mt = o.forwardRef(function({
+  className: e,
+  size: n = "base",
+  variant: u = "default",
   value: i,
-  defaultValue: p,
-  onValueChange: v,
-  ...f
-}, V) {
-  const g = R(), [w, j] = a.useState(p), b = i !== void 0, m = (b ? i : w) ?? "", C = a.useRef({ value: m, isControlled: b, onValueChange: v });
-  C.current = { value: m, isControlled: b, onValueChange: v };
-  const d = a.useRef(null), x = a.useCallback((s) => {
-    const l = { value: s, reported: !1 };
-    d.current = l, setTimeout(() => {
-      d.current === l && (d.current = null);
-    }, 0);
-  }, []), h = a.useCallback((s) => {
-    var k;
-    const l = C.current, t = d.current;
-    if (t !== null && t.value === s) {
-      if (t.reported) return;
-      t.reported = !0;
-    }
-    s !== l.value && (l.isControlled || j(s), (k = l.onValueChange) == null || k.call(l, s));
-  }, []), I = a.useMemo(
-    () => ({ size: c, variant: r, select: h, beginPress: x }),
-    [c, r, h, x]
+  defaultValue: d,
+  onValueChange: s,
+  activationMode: l = "automatic",
+  dir: f,
+  asChild: h = !1,
+  children: c,
+  ...I
+}, w) {
+  const C = E(), [b, j] = o.useState(d), x = i !== void 0, T = x ? i : b, S = o.useRef({ isControlled: x, onValueChange: s });
+  S.current = { isControlled: x, onValueChange: s };
+  const t = o.useRef(null), M = o.useCallback((A, p) => {
+    const m = { value: A, reported: !1 };
+    t.current = m;
+    const g = () => {
+      p.removeEventListener("pointerup", g, !0), p.removeEventListener("pointercancel", g, !0), setTimeout(() => {
+        t.current === m && (t.current = null);
+      }, 0);
+    };
+    p.addEventListener("pointerup", g, !0), p.addEventListener("pointercancel", g, !0);
+  }, []), U = o.useCallback(
+    (A, p) => {
+      var N;
+      const m = t.current;
+      if (m !== null && m.value === A) {
+        if (m.reported) {
+          p.cancel();
+          return;
+        }
+        m.reported = !0;
+      }
+      const g = S.current;
+      (N = g.onValueChange) == null || N.call(g, A, p), !g.isControlled && !p.isCanceled && j(A);
+    },
+    []
+  ), Z = o.useMemo(
+    () => ({ size: n, variant: u, activationMode: l, dir: f, beginPress: M }),
+    [n, u, l, f, M]
   );
-  return /* @__PURE__ */ y(F.Provider, { value: I, children: /* @__PURE__ */ y(
-    O,
+  return /* @__PURE__ */ y(B.Provider, { value: Z, children: /* @__PURE__ */ y(
+    R.Root,
     {
-      ref: V,
+      ref: w,
       "data-slot": "tabs",
-      [S]: "tabs",
-      "data-size": c,
-      "data-variant": r,
-      className: T(g.root, n),
-      ...f,
-      value: m,
-      onValueChange: h
+      [L]: "tabs",
+      "data-size": n,
+      "data-variant": u,
+      className: V(C.root, e),
+      ...I,
+      dir: f,
+      ...W(h, c),
+      value: T ?? null,
+      onValueChange: U
     }
   ) });
-}), gt = a.forwardRef(function({ className: n, ...c }, r) {
-  const i = R();
-  return /* @__PURE__ */ y(
-    D,
-    {
-      ref: r,
-      "data-slot": "tabs-list",
-      [S]: "tabs-list",
-      className: T(i.list, n),
-      ...c
-    }
-  );
-});
-function nt(o) {
-  if (typeof o == "string" || typeof o == "number")
-    return String(o);
-  if (Array.isArray(o) && o.every((n) => typeof n == "string" || typeof n == "number"))
-    return o.join("");
+}), vt = o.forwardRef(
+  function({ className: e, loop: n, asChild: u = !1, children: i, ...d }, s) {
+    const l = E(), { activationMode: f, dir: h } = o.useContext(B), c = /* @__PURE__ */ y(
+      R.List,
+      {
+        ref: s,
+        "data-slot": "tabs-list",
+        [L]: "tabs-list",
+        className: V(l.list, e),
+        activateOnFocus: f === "automatic",
+        loopFocus: n,
+        ...d,
+        ...W(u, i)
+      }
+    );
+    return h ? /* @__PURE__ */ y(_, { direction: h, children: c }) : c;
+  }
+);
+function lt(a) {
+  if (typeof a == "string" || typeof a == "number")
+    return String(a);
+  if (Array.isArray(a) && a.every((e) => typeof e == "string" || typeof e == "number"))
+    return a.join("");
 }
-const bt = a.forwardRef(function({
-  className: n,
-  variant: c = "default",
-  onClick: r,
-  onKeyDown: i,
-  onBlur: p,
-  onMouseDown: v,
+const ht = o.forwardRef(function({
+  className: e,
+  variant: n = "default",
+  asChild: u = !1,
+  children: i,
+  onClick: d,
+  onKeyDown: s,
+  onPointerDown: l,
   ...f
-}, V) {
-  const g = R(), {
-    size: w,
-    variant: j,
-    select: b,
-    beginPress: m
-  } = a.useContext(F), C = (t) => {
-    v == null || v(t), !t.defaultPrevented && t.button === 0 && !t.ctrlKey && !f.disabled && (m == null || m(f.value));
-  }, d = a.useRef(!1), x = (t) => {
-    i == null || i(t), d.current = !t.defaultPrevented && (t.key === "Enter" || t.key === " ");
-  }, h = (t) => {
-    p == null || p(t), d.current = !1;
-  }, I = (t) => {
-    r == null || r(t);
-    const k = d.current;
-    d.current = !1, !(k || t.detail !== 0 || t.defaultPrevented || t.ctrlKey || f.disabled) && (b == null || b(f.value));
-  }, s = nt(f.children), l = c === "destructive" ? g.destructiveVariant : j === "highlight" ? g.highlightVariant : g.defaultVariant;
+}, h) {
+  const c = E(), {
+    size: I,
+    variant: w,
+    beginPress: C
+  } = o.useContext(B), b = u ? O(i) : void 0, j = !b || typeof b.type != "string" || b.type === "button", x = (t) => {
+    l == null || l(t), t.button === 0 && !f.disabled && (C == null || C(f.value, t.currentTarget.ownerDocument));
+  }, T = b ? void 0 : lt(i), S = n === "destructive" ? c.destructiveVariant : w === "highlight" ? c.highlightVariant : c.defaultVariant;
   return /* @__PURE__ */ y(
-    H,
+    R.Tab,
     {
-      ref: V,
+      ref: h,
       "data-slot": "tabs-trigger",
-      [S]: "tabs-trigger",
-      "data-label": s,
-      className: T(
-        g.trigger,
-        g[w],
-        l,
-        n
+      [L]: "tabs-trigger",
+      "data-label": T,
+      nativeButton: j,
+      className: V(
+        c.trigger,
+        c[I],
+        S,
+        e
       ),
       ...f,
-      ...s !== void 0 ? { children: s } : {},
-      onClick: I,
-      onKeyDown: x,
-      onBlur: h,
-      onMouseDown: C
-    }
-  );
-}), mt = a.forwardRef(function({ className: n, ...c }, r) {
-  const i = R();
-  return /* @__PURE__ */ y(
-    B,
-    {
-      ref: r,
-      "data-slot": "tabs-content",
-      [S]: "tabs-content",
-      className: T(i.content, n),
-      ...c
+      onClick: (t) => {
+        d == null || d(t), (t.defaultPrevented || t.ctrlKey) && t.preventBaseUIHandler();
+      },
+      onKeyDown: (t) => {
+        s == null || s(t), t.defaultPrevented && t.key === " " && t.preventBaseUIHandler();
+      },
+      onPointerDown: x,
+      ...b ? { render: b } : { children: T !== void 0 ? T : i }
     }
   );
-});
+}), yt = o.forwardRef(
+  function({ className: e, forceMount: n, asChild: u = !1, children: i, ...d }, s) {
+    const l = E();
+    return /* @__PURE__ */ y(
+      R.Panel,
+      {
+        ref: s,
+        "data-slot": "tabs-content",
+        [L]: "tabs-content",
+        className: V(l.content, e),
+        keepMounted: n,
+        ...d,
+        ...W(u, i)
+      }
+    );
+  }
+);
 export {
-  ft as Tabs,
-  mt as TabsContent,
-  gt as TabsList,
-  bt as TabsTrigger
+  mt as Tabs,
+  yt as TabsContent,
+  vt as TabsList,
+  ht as TabsTrigger
 };
 //# sourceMappingURL=tabs.js.map