@epilot/volt-ui-experimental-griffel 0.2.0 → 0.2.3

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 {\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  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","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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"}

package/dist/components/tabs/tabs.js

@@ -5,7 +5,7 @@ import { shorthands as t } from "../../packages/volt-runtime/dist/vendor/@griffe
 import { SLOT_ATTR as c } from "../../packages/volt-runtime/dist/renderer/contract.js";
 import { mergeClasses as d } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
 import { makeVoltStyles as k } from "../../styles/make-styles.js";
-import { spacingElement3 as m, spacingGroup2 as R, spacingElement2 as i, errorA3 as S, errorA8 as V, errorA4 as w, errorA11 as L, accentA3 as j, accentA8 as D, accentA4 as I, accentA12 as N, grayA3 as z, grayA8 as B, grayA4 as E, grayA12 as p, leadingSm as G, textSm as O, radiusLg as h, spacingElement1 as P } from "../../tokens/index.js";
+import { spacingElement3 as m, spacingGroup2 as R, spacingElement2 as i, radiusLg as p, spacingElement1 as S, errorA3 as V, errorA8 as w, errorA4 as L, errorA11 as j, accentA3 as D, accentA8 as I, accentA4 as N, accentA12 as z, grayA3 as B, grayA8 as E, grayA4 as G, grayA12 as h, leadingSm as O, textSm as P } from "../../tokens/index.js";
 const x = s.createContext({
   size: "base",
   variant: "default"
@@ -22,19 +22,19 @@ const x = s.createContext({
   },
   list: {
     backgroundColor: "transparent",
-    color: p,
+    color: h,
     height: "auto",
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
     ...t.gap(i),
-    ...t.borderRadius(h),
+    ...t.borderRadius(p),
     ...t.paddingBlock(i),
     "&[data-orientation='vertical']": {
       flexDirection: "column",
       alignItems: "stretch",
       justifyContent: "flex-start",
-      ...t.gap(P),
+      ...t.gap(S),
       ...t.paddingBlock(0)
     }
   },
@@ -45,10 +45,10 @@ const x = s.createContext({
     backgroundColor: "transparent",
     ...t.borderStyle("none"),
     ...t.borderWidth(0),
-    ...t.borderRadius(h),
+    ...t.borderRadius(p),
     cursor: "pointer",
-    fontSize: O,
-    lineHeight: G,
+    fontSize: P,
+    lineHeight: O,
     transitionProperty: "all",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -75,39 +75,39 @@ const x = s.createContext({
   },
   // Variants
   defaultVariant: {
-    color: p,
+    color: h,
     ":hover": {
-      backgroundColor: E
+      backgroundColor: G
     },
     ":focus-visible": {
-      outlineColor: B
+      outlineColor: E
     },
     "&[data-state='active']": {
-      backgroundColor: z
+      backgroundColor: B
     }
   },
   highlightVariant: {
-    color: N,
+    color: z,
     ":hover": {
-      backgroundColor: I
+      backgroundColor: N
     },
     ":focus-visible": {
-      outlineColor: D
+      outlineColor: I
     },
     "&[data-state='active']": {
-      backgroundColor: j
+      backgroundColor: D
     }
   },
   destructiveVariant: {
-    color: L,
+    color: j,
     ":hover": {
-      backgroundColor: w
+      backgroundColor: L
     },
     ":focus-visible": {
-      outlineColor: V
+      outlineColor: w
     },
     "&[data-state='active']": {
-      backgroundColor: S
+      backgroundColor: V
     }
   },
   content: {

package/dist/components/toast/toast.js

@@ -4,7 +4,7 @@ import { Toaster as x } from "../../vendor/sonner/dist/index.js";
 import { toast as s1 } from "../../vendor/sonner/dist/index.js";
 import { shorthands as o } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
 import { makeVoltStyles as w } from "../../styles/make-styles.js";
-import { semErrorUi as b, semWarningUi as v, semInfoUi as y, semSuccessUi as S, spacingElement2 as i, grayA6 as a, spacingGroup2 as c, spacingElement3 as k, errorA11 as B, errorA12 as M, error4 as A, warningA11 as W, warningA12 as Z, warning3 as I, infoA11 as L, infoA12 as R, info3 as V, successA11 as H, successA12 as E, success4 as T, fontWeightMedium as d, leadingSm as C, textSm as l, semGraySoftHover as z, grayA12 as s, semGraySoft as U, grayA8 as g, gray11 as j, gray12 as G, semAccentContrast as N, leadingXs as X, textXs as D, fontWeightSemibold as Q, body as u, radiusMd as $, radiusXl as q } from "../../tokens/index.js";
+import { semErrorUi as b, semWarningUi as v, semInfoUi as y, semSuccessUi as S, radiusMd as k, spacingElement2 as i, grayA6 as a, radiusXl as B, spacingGroup2 as c, spacingElement3 as M, errorA11 as A, errorA12 as W, error4 as Z, warningA11 as I, warningA12 as L, warning3 as R, infoA11 as V, infoA12 as H, info3 as E, successA11 as T, successA12 as z, success4 as U, fontWeightMedium as d, leadingSm as C, textSm as l, semGraySoftHover as j, grayA12 as s, semGraySoft as G, grayA8 as g, gray11 as N, gray12 as X, semAccentContrast as D, leadingXs as Q, textXs as $, fontWeightSemibold as q, body as u } from "../../tokens/index.js";
 import { Spinner as F } from "../spinner/spinner.js";
 const J = (t) => /* @__PURE__ */ e(
   "svg",
@@ -50,8 +50,8 @@ const J = (t) => /* @__PURE__ */ e(
     display: "flex",
     alignItems: "baseline",
     ...o.gap(i),
-    ...o.padding(c, k),
-    ...o.borderRadius(q),
+    ...o.padding(c, M),
+    ...o.borderRadius(B),
     ...o.borderStyle("solid"),
     ...o.borderWidth(0),
     ...o.borderColor(a),
@@ -78,7 +78,7 @@ const J = (t) => /* @__PURE__ */ e(
   title: {
     fontSize: l,
     lineHeight: C,
-    fontWeight: Q,
+    fontWeight: q,
     ...o.margin(0)
   },
   description: {
@@ -105,14 +105,14 @@ const J = (t) => /* @__PURE__ */ e(
     cursor: "pointer",
     marginLeft: "auto",
     marginTop: c,
-    fontSize: D,
-    lineHeight: X,
+    fontSize: $,
+    lineHeight: Q,
     fontWeight: d,
     ...o.padding("0.3125rem", i),
-    color: N,
-    backgroundColor: G,
+    color: D,
+    backgroundColor: X,
     ":hover": {
-      backgroundColor: j
+      backgroundColor: N
     },
     ":focus-visible": {
       outlineWidth: "2px",
@@ -122,16 +122,16 @@ const J = (t) => /* @__PURE__ */ e(
     }
   },
   cancelButton: {
-    backgroundColor: U,
+    backgroundColor: G,
     color: s,
     ":hover": {
-      backgroundColor: z
+      backgroundColor: j
     },
     fontSize: l,
     lineHeight: C,
     fontWeight: d,
     ...o.padding("0.3125rem", i),
-    ...o.borderRadius($)
+    ...o.borderRadius(k)
   },
   closeButton: {
     position: "absolute",
@@ -160,34 +160,34 @@ const J = (t) => /* @__PURE__ */ e(
   },
   success: {
     ...o.borderColor(S),
-    backgroundColor: T,
-    color: E,
+    backgroundColor: U,
+    color: z,
     "& [data-icon]": {
-      color: H
+      color: T
     }
   },
   info: {
     ...o.borderColor(y),
-    backgroundColor: V,
-    color: R,
+    backgroundColor: E,
+    color: H,
     "& [data-icon]": {
-      color: L
+      color: V
     }
   },
   warning: {
     ...o.borderColor(v),
-    backgroundColor: I,
-    color: Z,
+    backgroundColor: R,
+    color: L,
     "& [data-icon]": {
-      color: W
+      color: I
     }
   },
   error: {
     ...o.borderColor(b),
-    backgroundColor: A,
-    color: M,
+    backgroundColor: Z,
+    color: W,
     "& [data-icon]": {
-      color: B
+      color: A
     }
   },
   loading: {},

package/dist/components/toggle/toggle.js

@@ -5,16 +5,16 @@ import { shorthands as o } from "../../packages/volt-runtime/dist/vendor/@griffe
 import { SLOT_ATTR as m } from "../../packages/volt-runtime/dist/renderer/contract.js";
 import { mergeClasses as g } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
 import { makeVoltStyles as c } from "../../styles/make-styles.js";
-import { errorA4 as u, errorA3 as h, errorA8 as f, semErrorSoft as p, semErrorLight as b, accentA4 as v, accentA3 as C, accentA8 as k, semAccentSoft as y, semAccentLight as S, fontWeightSemibold as A, radius2xl as x, spacingElement2 as R, radiusXl as T, radiusLg as W, spacingElement1 as E } from "../../tokens/index.js";
+import { radius2xl as u, spacingElement2 as h, radiusXl as f, radiusLg as p, spacingElement1 as b, errorA4 as v, errorA3 as C, errorA8 as k, semErrorSoft as y, semErrorLight as S, accentA4 as A, accentA3 as x, accentA8 as R, semAccentSoft as T, semAccentLight as W, fontWeightSemibold as E } from "../../tokens/index.js";
 const w = c({
   root: {
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
-    ...o.gap(E),
+    ...o.gap(b),
     flexShrink: 0,
     cursor: "pointer",
-    fontWeight: A,
+    fontWeight: E,
     transitionProperty: "all",
     transitionDuration: "150ms",
     transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -38,41 +38,41 @@ const w = c({
   // Variants
   default: {
     backgroundColor: "transparent",
-    color: S,
+    color: W,
     ":hover": {
-      backgroundColor: y
+      backgroundColor: T
     },
     ":focus-visible": {
-      outlineColor: k
+      outlineColor: R
     },
     "&[data-state='on']": {
-      backgroundColor: C
+      backgroundColor: x
     },
     "&[data-state='on']:hover": {
-      backgroundColor: v
+      backgroundColor: A
     }
   },
   destructive: {
     backgroundColor: "transparent",
-    color: b,
+    color: S,
     ":hover": {
-      backgroundColor: p
+      backgroundColor: y
     },
     ":focus-visible": {
-      outlineColor: f
+      outlineColor: k
     },
     "&[data-state='on']": {
-      backgroundColor: h
+      backgroundColor: C
     },
     "&[data-state='on']:hover": {
-      backgroundColor: u
+      backgroundColor: v
     }
   },
   // Sizes
   sm: {
     height: "1.5rem",
     minWidth: "1.5rem",
-    ...o.borderRadius(W),
+    ...o.borderRadius(p),
     ...o.paddingInline("0.375rem"),
     "& svg": {
       width: "0.875rem",
@@ -82,8 +82,8 @@ const w = c({
   base: {
     height: "2rem",
     minWidth: "2rem",
-    ...o.borderRadius(T),
-    ...o.paddingInline(R),
+    ...o.borderRadius(f),
+    ...o.paddingInline(h),
     "& svg": {
       width: "1rem",
       height: "1rem"
@@ -92,7 +92,7 @@ const w = c({
   lg: {
     height: "2.5rem",
     minWidth: "2.5rem",
-    ...o.borderRadius(x),
+    ...o.borderRadius(u),
     ...o.paddingInline("0.625rem"),
     "& svg": {
       width: "1.25rem",

package/dist/components/tooltip/tooltip.js

@@ -5,27 +5,27 @@ import { shorthands as l } from "../../packages/volt-runtime/dist/vendor/@griffe
 import { SLOT_ATTR as s } from "../../packages/volt-runtime/dist/renderer/contract.js";
 import { mergeClasses as R } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
 import { makeVoltStyles as h } from "../../styles/make-styles.js";
-import { spacingElement2 as C, error12 as c, gray12 as p, spacingElement1 as n, error1 as N, errorA12 as P, gray1 as k, textXs as z, radiusLg as S } from "../../tokens/index.js";
+import { spacingElement2 as C, radiusLg as N, error12 as c, gray12 as p, spacingElement1 as n, error1 as P, errorA12 as k, gray1 as z, textXs as S } from "../../tokens/index.js";
 const X = h({
   popup: {
     width: "fit-content",
     transformOrigin: "var(--radix-tooltip-content-transform-origin)",
-    ...l.borderRadius(S),
+    ...l.borderRadius(N),
     ...l.padding(C),
     // v1 shadow-md; elevation has no token in this package.
     boxShadow: "0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a",
-    fontSize: z,
+    fontSize: S,
     // v1 leading-none; no line-height token exists.
     lineHeight: "1",
     textWrap: "balance",
     zIndex: 50,
     "&[data-variant='default']": {
       backgroundColor: p,
-      color: k
+      color: z
     },
     "&[data-variant='destructive']": {
-      backgroundColor: P,
-      color: N
+      backgroundColor: k,
+      color: P
     },
     "&[data-state='open']": {
       animationName: {