@snksergio/design-system 0.1.1 → 0.5.0

package/dist-lib/chunks/badge-B0D_PRxn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-B0D_PRxn.mjs","sources":["../../src/components/ui/Table/table.styles.ts","../../src/components/ui/Table/use-column-resize.ts","../../src/components/ui/Table/table.tsx","../../src/components/ui/Table/table-card-row.tsx","../../src/components/shadcn/checkbox.tsx","../../src/components/shadcn/badge.tsx"],"sourcesContent":["import { tv } from \"@/utils/tv\";\r\n\r\n/**\r\n * Table styles — slots tv pra Table, TableHead, TableHeadCell, TableBody, TableRow, TableCell.\r\n *\r\n * Densidade afeta: altura mínima de row + padding vertical de cell.\r\n * Modo card: aplicado via container query (@container) — root declara container-type.\r\n */\r\nexport const tableStyles = tv({\r\n  slots: {\r\n    /* Root grid container. Aplica container-type pra container queries.\r\n       flex flex-col: scroll child usa flex-1 min-h-0 pra esticar quando há altura forçada\r\n       (consumer aplica `max-h-[Npx]` no Table) ou pegar altura natural quando não há. */\r\n    root: [\r\n      \"relative flex flex-col w-full\",\r\n      \"bg-bg-table border border-border-table rounded-radius-xl shadow-sh-sm\",\r\n      \"overflow-hidden\",\r\n      \"[container-type:inline-size]\",\r\n    ],\r\n    /* Container que faz o scroll (envolve head + body).\r\n       flex-1 + min-h-0: estica até preencher o root quando há altura forçada;\r\n       caso contrário, altura natural do conteúdo (flex-1 sem espaço extra = no-op).\r\n       overflow-auto: scroll-X sempre disponível (colunas largas); scroll-Y só ativa\r\n       quando o conteúdo excede a altura (que só acontece com max-h externo).\r\n       scrollbar-thin: classe global do projeto (globals.css) — alpha responsivo light/dark. */\r\n    scroll: [\r\n      \"flex-1 min-h-0 overflow-auto relative\",\r\n      \"scrollbar-thin\",\r\n    ],\r\n    /* Header row (flex de TableHeadCell). Sticky default. */\r\n    head: [\r\n      \"flex w-max min-w-full\",\r\n      \"bg-bg-table-head border-b border-border-table\",\r\n      \"z-20\",\r\n    ],\r\n    /* Cell do header — type, padding, alinhamento. */\r\n    headCell: [\r\n      \"relative flex items-center gap-gp-md shrink-0\",\r\n      \"h-[42px] px-pad-2xl\",\r\n      \"text-body-sm font-semibold leading-none\",\r\n      \"text-fg-muted\",\r\n      \"select-none\",\r\n      \"hover:text-fg-default\",\r\n    ],\r\n    /* Body container — contém as rows. */\r\n    body: [\r\n      \"flex flex-col w-max min-w-full\",\r\n    ],\r\n    /* Row (flex de TableCell). */\r\n    row: [\r\n      \"group/row relative flex w-full\",\r\n      \"border-b border-border-table last:border-b-0\",\r\n      \"bg-bg-table\",\r\n      \"transition-colors duration-150\",\r\n    ],\r\n    /* Cell — content cell padrão. */\r\n    cell: [\r\n      \"flex items-center shrink-0\",\r\n      \"px-pad-2xl\",\r\n      \"text-body-sm font-normal text-fg-default\",\r\n      \"whitespace-nowrap overflow-hidden\",\r\n    ],\r\n    /* Drag handle do resize — barrinha invisível no edge direito.\r\n       Apenas a linha dentro do header (after:). Sem projeção pra baixo (before:)\r\n       porque pseudo-elements absolute COM h-screen ainda contam pro scrollHeight\r\n       do ancestral com overflow-auto, esticando o body verticalmente. */\r\n    resizeHandle: [\r\n      \"absolute right-0 top-0 bottom-0 w-[6px] cursor-col-resize z-10\",\r\n      // Linha 1px vertical dentro do header — aparece no hover do TH\r\n      \"after:content-[''] after:absolute after:left-1/2 after:-translate-x-1/2\",\r\n      \"after:top-[8px] after:bottom-[8px] after:w-px after:bg-transparent\",\r\n      \"after:transition-all after:duration-150\",\r\n      \"group-hover/headcell:after:bg-border-default\",\r\n      // Hover direto no handle → linha brand 2px full-height\r\n      \"hover:after:bg-bg-brand hover:after:w-[2px] hover:after:top-0 hover:after:bottom-0\",\r\n      // DRAG ATIVO → mantém linha brand visível independente do :hover\r\n      \"data-[dragging=true]:after:bg-bg-brand data-[dragging=true]:after:w-[2px] data-[dragging=true]:after:top-0 data-[dragging=true]:after:bottom-0\",\r\n    ],\r\n    /* Ícone de sort no head cell. */\r\n    sortIcon: [\r\n      \"shrink-0 size-icon-xs\",\r\n      \"transition-opacity duration-150\",\r\n    ],\r\n    /* Ícone de tipo de coluna no head (Hash, User, AtSign…). */\r\n    typeIcon: [\r\n      \"shrink-0 size-[13px] text-fg-muted opacity-70\",\r\n      \"group-hover/headcell:opacity-100\",\r\n    ],\r\n    /* Badge brand com índice de sort (1, 2, 3). */\r\n    sortBadge: [\r\n      \"inline-flex items-center justify-center shrink-0\",\r\n      \"min-w-[18px] h-[18px] px-[5px]\",\r\n      \"rounded-radius-xs bg-bg-brand text-fg-on-brand\",\r\n      \"text-caption-xs font-bold leading-none tabular-nums\",\r\n    ],\r\n    /* Stack absolute na borda direita do head cell — agrupa sort e headMenu.\r\n       Largura dinâmica: encolhe quando itens estão \"hidden\", cresce quando aparecem no hover. */\r\n    headRightStack: [\r\n      \"absolute right-pad-md top-1/2 -translate-y-1/2 z-[1]\",  // 8px de respiro da borda direita\r\n      \"inline-flex items-center gap-gp-xs\",\r\n      \"bg-bg-table-head pl-pad-xs\",\r\n      \"pointer-events-none\",\r\n    ],\r\n    /* Sort ativo (asc/desc) — sempre visível quando isSorted=true. */\r\n    headSortActive: [\r\n      \"inline-flex items-center gap-gp-xs shrink-0\",\r\n      \"text-fg-default\",\r\n    ],\r\n    /* Sort hint (sortable mas inativo) — display:none default, inline-flex no hover.\r\n       Como é display:none, NÃO ocupa espaço no stack até aparecer. */\r\n    headSortHint: [\r\n      \"hidden group-hover/headcell:inline-flex items-center shrink-0\",\r\n      \"text-fg-muted opacity-60\",\r\n    ],\r\n    /* Head menu wrapper — display:none default, inline-flex no hover.\r\n       Tem pointer-events:auto pra restaurar interatividade (parent stack tem pointer-events:none). */\r\n    headMenuItem: [\r\n      // Esconde por padrao; revela quando:\r\n      //   1. hover no header (group-hover) — UX padrao\r\n      //   2. focus interno (focus-within) — keyboard navigation\r\n      //   3. dropdown interno aberto (:has data-state=open) — mantem visivel\r\n      //      enquanto user move cursor pra dentro do menu portal\r\n      //   4. data-menu-active=true no botao — mantem visivel durante a janela\r\n      //      de close animation (~200ms) pra portal nao perder a ancora\r\n      \"hidden items-center shrink-0\",\r\n      \"group-hover/headcell:inline-flex\",\r\n      \"focus-within:inline-flex\",\r\n      \"has-[[data-state=open]]:inline-flex\",\r\n      \"has-[[data-menu-active=true]]:inline-flex\",\r\n      \"pointer-events-auto\",\r\n    ],\r\n    /* Card mode — wrapper de cada row no modo card. */\r\n    cardWrap: [\r\n      \"flex flex-col w-full p-pad-card-sm gap-gp-md\",\r\n      \"border-b border-border-table last:border-b-0\",\r\n      \"bg-bg-table\",\r\n    ],\r\n    /* Card mode — header do card (primary + checkbox + actions). */\r\n    cardHeader: [\r\n      \"flex items-center justify-between gap-gp-md\",\r\n    ],\r\n    /* Card mode — body items (label/value). */\r\n    cardItem: [\r\n      \"flex flex-col gap-gp-2xs\",\r\n    ],\r\n    /* Card mode — label da coluna acima do valor. */\r\n    cardLabel: [\r\n      \"text-body-xs uppercase tracking-wider text-fg-muted\",\r\n    ],\r\n    /* Card mode — valor abaixo do label. */\r\n    cardValue: [\r\n      \"text-body-md text-fg-default\",\r\n    ],\r\n  },\r\n  variants: {\r\n    density: {\r\n      compact:     { row: \"h-[40px]\", cell: \"py-0\", headCell: \"\" },\r\n      standard:    { row: \"h-[56px]\", cell: \"py-0\", headCell: \"\" },\r\n      comfortable: { row: \"h-[64px]\", cell: \"py-0\", headCell: \"\" },\r\n    },\r\n    sticky: {\r\n      true:  { head: \"sticky top-0\" },\r\n      false: {},\r\n    },\r\n    selected: {\r\n      true: {\r\n        row: [\r\n          \"bg-bg-table-row-selected hover:bg-bg-table-row-selected-hover\",\r\n          \"before:content-[''] before:absolute before:left-0 before:top-0 before:bottom-0 before:w-[3px] before:bg-bg-brand before:z-[5] before:pointer-events-none\",\r\n        ].join(\" \"),\r\n        cardWrap: \"bg-bg-table-row-selected hover:bg-bg-table-row-selected-hover\",\r\n      },\r\n      false: {\r\n        row: \"hover:bg-bg-table-row-hover\",\r\n        cardWrap: \"hover:bg-bg-table-row-hover\",\r\n      },\r\n    },\r\n    clickable: {\r\n      true:  { row: \"cursor-pointer\", cardWrap: \"cursor-pointer\" },\r\n      false: {},\r\n    },\r\n    pinned: {\r\n      left:  { headCell: \"sticky z-10 bg-bg-table-head\", cell: \"sticky z-[5] bg-inherit\" },\r\n      right: { headCell: \"sticky z-10 bg-bg-table-head\", cell: \"sticky z-[5] bg-inherit\" },\r\n    },\r\n    align: {\r\n      left:   { cell: \"justify-start text-left\",     headCell: \"justify-start text-left\" },\r\n      center: { cell: \"justify-center text-center\", headCell: \"justify-center text-center\" },\r\n      right:  { cell: \"justify-end text-right\",     headCell: \"justify-end text-right\" },\r\n    },\r\n    sortable: {\r\n      true:  { headCell: \"cursor-pointer hover:text-fg-default\" },\r\n      false: {},\r\n    },\r\n    ellipsis: {\r\n      true:  { cell: \"overflow-hidden [&>*]:truncate\" },\r\n      false: {},\r\n    },\r\n    cellBorders: {\r\n      true: {\r\n        // `:has(+ [data-purpose='actions'])`: a cell ANTES da coluna actions\r\n        // perde border-right — evita o divider visual encostado na actions.\r\n        headCell:\r\n          \"border-r border-border-table last:border-r-0 has-[+_[data-purpose='actions']]:border-r-0\",\r\n        cell:\r\n          \"border-r border-border-table last:border-r-0 has-[+_[data-purpose='actions']]:border-r-0\",\r\n      },\r\n      false: {},\r\n    },\r\n    /** Variant pra cells de coluna especial (selection / actions).\r\n     *\r\n     *  - `selection`: remove padding pra checkbox 28px caber em 56px e centralizar.\r\n     *  - `actions`: header em branco (sem texto/menu), sem border-right, padding\r\n     *    horizontal mínimo. Usado quando `type: \"actions\"` no DataTableColumnDef.\r\n     *    Border-right removida via `!border-r-0` (override do cellBorders=true). */\r\n    purpose: {\r\n      default: {},\r\n      selection: {\r\n        headCell: \"px-0 py-0\",\r\n        cell: \"px-0 py-0\",\r\n      },\r\n      actions: {\r\n        headCell: \"!border-r-0 px-pad-md\",\r\n        cell: \"!border-r-0 px-pad-md\",\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    density: \"standard\",\r\n    sticky: true,\r\n    selected: false,\r\n    clickable: false,\r\n    align: \"left\",\r\n    sortable: false,\r\n    ellipsis: false,\r\n    cellBorders: true,\r\n    purpose: \"default\",\r\n  },\r\n});\r\n","import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport type UseColumnResizeParams = {\n  currentWidth: number;\n  minWidth?: number;\n  maxWidth?: number;\n  /** Disparado a cada `mousemove` durante o drag.\n   *  Tipicamente usado pra side-effect \"live preview\" pelo consumer.\n   *  Em consumers React, prefira `onResizeEnd` pra evitar re-render storm —\n   *  use `onResizeLiveDOM` pra DOM mutation síncrona sem state. */\n  onResize?: (widthPx: number) => void;\n  /** Disparado no `mouseup` com largura final em px.\n   *  Pra consumers React: ideal pra commit no state (1 update por drag). */\n  onResizeEnd?: (widthPx: number) => void;\n  /** Callback síncrono pra DOM mutation durante drag (sem state React).\n   *  Recomendado pra atualizar inline styles em massa (ex: <Cell width>) sem\n   *  causar re-render storm. Chamado a cada mousemove em paralelo com `onResize`.\n   *  Pattern: consumer query DOM via ref + aplica `style.width` direto. */\n  onResizeLiveDOM?: (widthPx: number) => void;\n};\n\nexport type UseColumnResizeResult = {\n  onMouseDown: (e: React.MouseEvent) => void;\n  isDragging: boolean;\n};\n\nconst DEFAULT_MIN = 60;\nconst DEFAULT_MAX = 800;\n\nexport function useColumnResize({\n  currentWidth,\n  minWidth = DEFAULT_MIN,\n  maxWidth = DEFAULT_MAX,\n  onResize,\n  onResizeEnd,\n  onResizeLiveDOM,\n}: UseColumnResizeParams): UseColumnResizeResult {\n  const [isDragging, setIsDragging] = useState(false);\n\n  const onResizeRef = useRef(onResize);\n  const onResizeEndRef = useRef(onResizeEnd);\n  const onResizeLiveDOMRef = useRef(onResizeLiveDOM);\n  const minRef = useRef(minWidth);\n  const maxRef = useRef(maxWidth);\n\n  onResizeRef.current = onResize;\n  onResizeEndRef.current = onResizeEnd;\n  onResizeLiveDOMRef.current = onResizeLiveDOM;\n  minRef.current = minWidth;\n  maxRef.current = maxWidth;\n\n  const stateRef = useRef<{\n    startX: number;\n    startWidth: number;\n    lastWidth: number;\n    dragging: boolean;\n  }>({ startX: 0, startWidth: 0, lastWidth: currentWidth, dragging: false });\n\n  stateRef.current.lastWidth = currentWidth;\n\n  const handlersRef = useRef<{\n    move: (e: MouseEvent) => void;\n    up: (e: MouseEvent) => void;\n  } | null>(null);\n\n  if (!handlersRef.current) {\n    handlersRef.current = {\n      move: (e: MouseEvent) => {\n        if (!stateRef.current.dragging) return;\n        const delta = e.clientX - stateRef.current.startX;\n        const next = Math.min(\n          maxRef.current,\n          Math.max(minRef.current, stateRef.current.startWidth + delta),\n        );\n        stateRef.current.lastWidth = next;\n        // Live DOM primeiro (síncrono, sem React) — feedback visual fluido.\n        // Depois o callback onResize (estado/state). Os 2 podem coexistir.\n        onResizeLiveDOMRef.current?.(next);\n        onResizeRef.current?.(next);\n      },\n      up: () => {\n        if (!stateRef.current.dragging) return;\n        stateRef.current.dragging = false;\n        setIsDragging(false);\n        document.removeEventListener(\"mousemove\", handlersRef.current!.move);\n        document.removeEventListener(\"mouseup\", handlersRef.current!.up);\n        document.body.style.cursor = \"\";\n        document.body.style.userSelect = \"\";\n        onResizeEndRef.current?.(stateRef.current.lastWidth);\n      },\n    };\n  }\n\n  const onMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      stateRef.current = {\n        startX: e.clientX,\n        startWidth: currentWidth,\n        lastWidth: currentWidth,\n        dragging: true,\n      };\n      setIsDragging(true);\n      document.addEventListener(\"mousemove\", handlersRef.current!.move);\n      document.addEventListener(\"mouseup\", handlersRef.current!.up);\n      document.body.style.cursor = \"col-resize\";\n      document.body.style.userSelect = \"none\";\n    },\n    [currentWidth],\n  );\n\n  useEffect(() => {\n    return () => {\n      if (stateRef.current.dragging && handlersRef.current) {\n        document.removeEventListener(\"mousemove\", handlersRef.current.move);\n        document.removeEventListener(\"mouseup\", handlersRef.current.up);\n        document.body.style.cursor = \"\";\n        document.body.style.userSelect = \"\";\n      }\n    };\n  }, []);\n\n  return {\n    onMouseDown,\n    isDragging,\n  };\n}\n","import type React from \"react\";\nimport { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { ArrowUp, ArrowDown, ArrowUpDown } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\nimport { tableStyles } from \"./table.styles\";\nimport { useColumnResize } from \"./use-column-resize\";\nimport type {\n  TableProps,\n  TableHeadProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n  TableHeadCellProps,\n  TableDensity,\n  SortDirection,\n} from \"./table.types\";\n\n/* ── Context interno (privado) — propaga density + cellBorders pros subcomponentes ─ */\n\ntype TableContextValue = {\n  density: TableDensity;\n  cellBorders: boolean;\n  /**\n   * Field da coluna com resize handle ATIVO — drag em curso OU hover sobre o handle.\n   * Aplica linha brand em todas as cells da coluna. Null quando nenhum.\n   */\n  resizingField: string | null;\n  setResizingField: (field: string | null) => void;\n  /** True quando body scrollou pra baixo (scrollTop > 0) — header ganha shadow. */\n  isScrolled: boolean;\n};\n\nconst TableContext = createContext<TableContextValue>({\n  density: \"standard\",\n  cellBorders: true,\n  resizingField: null,\n  setResizingField: () => {},\n  isScrolled: false,\n});\n\nfunction useTableContext(): TableContextValue {\n  return useContext(TableContext);\n}\n\nconst styles = tableStyles();\n\n/* ── <Table> root ─────────────────────────────────────────────────── */\n\nexport function Table({\n  density = \"standard\",\n  cardBreakpoint = 768,\n  cellBorders = true,\n  ariaLabel,\n  className,\n  scrollRef: externalScrollRef,\n  children,\n}: TableProps) {\n  // Container queries via inline style — Tailwind v4 não tem arbitrary container query no momento da escrita\n  const cardCss =\n    cardBreakpoint === false\n      ? undefined\n      : ({ \"--table-card-bp\": `${cardBreakpoint}px` } as React.CSSProperties);\n\n  // State pra tracking de coluna em drag ativo (resize) — aplica data-resizing-col no root,\n  // CSS estiliza todas as cells com data-field correspondente (full-height line).\n  const [resizingField, setResizingField] = useState<string | null>(null);\n\n  // Detecta scroll vertical pra mostrar shadow no sticky header\n  const [isScrolled, setIsScrolled] = useState(false);\n  const internalScrollRef = useRef<HTMLDivElement>(null);\n  // Usa ref externa se passada (DataTable virtualization), senao a interna.\n  const scrollRef = externalScrollRef ?? internalScrollRef;\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const onScroll = () => setIsScrolled(el.scrollTop > 0);\n    el.addEventListener(\"scroll\", onScroll, { passive: true });\n    onScroll();\n    return () => el.removeEventListener(\"scroll\", onScroll);\n  }, [scrollRef]);\n\n  return (\n    <TableContext.Provider\n      value={{ density, cellBorders, resizingField, setResizingField, isScrolled }}\n    >\n      <div\n        role=\"grid\"\n        aria-label={ariaLabel}\n        data-density={density}\n        data-resizing-col={resizingField ?? undefined}\n        className={cn(styles.root(), className)}\n        style={cardCss}\n      >\n        <div ref={scrollRef} className={styles.scroll()}>{children}</div>\n      </div>\n    </TableContext.Provider>\n  );\n}\n\n/* ── <TableHead> ──────────────────────────────────────────────────── */\n\nexport function TableHead({\n  sticky = true,\n  className,\n  rootProps,\n  children,\n}: TableHeadProps) {\n  const { isScrolled } = useTableContext();\n  return (\n    <div\n      {...rootProps}\n      role=\"rowgroup\"\n      data-scrolled={isScrolled ? \"true\" : undefined}\n      className={cn(tableStyles({ sticky }).head(), className)}\n    >\n      <div role=\"row\" className=\"flex w-full\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/* ── <TableBody> ──────────────────────────────────────────────────── */\n\nexport function TableBody({\n  className,\n  style,\n  rootProps,\n  virtualized,\n  children,\n}: TableBodyProps) {\n  // Em modo virtualizado: body vira block + position relative + height total\n  // pra que rows absolute-positioned (do @tanstack/react-virtual) renderizem\n  // corretamente. Override do flex-col default via className `!block`.\n  const virtualStyle: React.CSSProperties | undefined = virtualized\n    ? {\n        height: virtualized.totalHeight,\n        position: \"relative\",\n        minWidth: \"100%\",\n        ...style,\n      }\n    : style;\n  return (\n    <div\n      {...rootProps}\n      role=\"rowgroup\"\n      className={cn(\n        styles.body(),\n        virtualized && \"!block\",\n        className,\n      )}\n      style={virtualStyle}\n    >\n      {children}\n    </div>\n  );\n}\n\n/* ── <TableRow> ───────────────────────────────────────────────────── */\n\nexport const TableRow = forwardRef<HTMLDivElement, TableRowProps>(function TableRow({\n  selected = false,\n  open = false,\n  focused = false,\n  clickable,\n  onClick,\n  className,\n  rootProps,\n  children,\n}, ref) {\n  const { density } = useTableContext();\n  const isClickable = clickable ?? !!onClick;\n  const highlighted = selected || open;\n  const dataState = selected && open\n    ? \"selected open\"\n    : selected\n      ? \"selected\"\n      : open\n        ? \"open\"\n        : undefined;\n\n  return (\n    <div\n      {...rootProps}\n      ref={ref}\n      role=\"row\"\n      aria-selected={selected || undefined}\n      data-state={dataState}\n      data-focused={focused || undefined}\n      tabIndex={focused ? 0 : -1}\n      className={cn(\n        tableStyles({ selected: highlighted, clickable: isClickable, density }).row(),\n        // Focus visual — bg tinted (match checkbox selected) + outline brand interno.\n        // Outline em vez de ring/border pra não interferir com sticky/bordas.\n        focused &&\n          \"bg-bg-table-row-selected hover:bg-bg-table-row-selected-hover outline outline-2 outline-offset-[-2px] outline-bg-brand z-[6] relative\",\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n});\n\n/* ── <TableCell> ──────────────────────────────────────────────────── */\n\nexport const TableCell = forwardRef<HTMLDivElement, TableCellProps>(function TableCell({\n  field,\n  tooltip,\n  width,\n  pinned,\n  pinOffset,\n  align = \"left\",\n  ellipsis = false,\n  label,\n  className,\n  rootProps,\n  purpose = \"default\",\n  children,\n}, ref) {\n  const { density, cellBorders, resizingField } = useTableContext();\n  const isResizingThisCol = field !== undefined && resizingField === field;\n  const style: React.CSSProperties = {};\n  if (width !== undefined) {\n    style.width = width;\n    style.minWidth = width;\n    style.maxWidth = width;\n  }\n  if (pinned === \"left\" && pinOffset !== undefined) style.left = pinOffset;\n  if (pinned === \"right\" && pinOffset !== undefined) style.right = pinOffset;\n\n  return (\n    <div\n      {...rootProps}\n      ref={ref}\n      role=\"gridcell\"\n      data-pinned={pinned}\n      data-label={label}\n      data-field={field}\n      data-purpose={purpose}\n      data-resize-active={isResizingThisCol ? \"true\" : undefined}\n      title={tooltip}\n      className={cn(\n        tableStyles({ pinned, align, ellipsis, density, cellBorders, purpose }).cell(),\n        // Linha brand 2px alinhada com o centro do resize handle do header (~2px do edge)\n        isResizingThisCol &&\n          \"relative after:absolute after:right-[2px] after:top-0 after:bottom-0 after:w-[2px] after:bg-bg-brand after:pointer-events-none\",\n        className,\n      )}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n});\n\n/* ── <TableHeadCell> ──────────────────────────────────────────────── */\n\nexport const TableHeadCell = forwardRef<HTMLDivElement, TableHeadCellProps>(function TableHeadCell({\n  field,\n  width,\n  pinned,\n  pinOffset,\n  align = \"left\",\n  sortable = false,\n  sortDirection = null,\n  sortIndex = 1,\n  onSortClick,\n  icon: Icon,\n  headMenu,\n  resizable,\n  onResize,\n  onResizeEnd,\n  className,\n  style: extraStyle,\n  rootProps,\n  purpose = \"default\",\n  children,\n}, forwardedRef) {\n  const { density, cellBorders, setResizingField } = useTableContext();\n  const headCellRef = useRef<HTMLDivElement | null>(null);\n  // Merge forwardedRef com headCellRef interno (usado pelo resize live-DOM).\n  const setRefs = useCallback((el: HTMLDivElement | null) => {\n    headCellRef.current = el;\n    if (typeof forwardedRef === \"function\") forwardedRef(el);\n    else if (forwardedRef) forwardedRef.current = el;\n  }, [forwardedRef]);\n\n  const resize = useColumnResize({\n    currentWidth: width ?? 160,\n    // Live DOM update — escreve `style.width` direto nas cells com `data-field`\n    // correspondente, escopado ao `[role=\"grid\"]` ancestral. Síncrono, sem React,\n    // zero re-render durante o drag. Documented hook API via `onResizeLiveDOM`\n    // (vs `onResize` que vai pro state externo, normalmente debounced ao mouseup).\n    onResizeLiveDOM: field\n      ? (w) => {\n          const grid = headCellRef.current?.closest('[role=\"grid\"]');\n          grid?.querySelectorAll<HTMLElement>(`[data-field=\"${field}\"]`).forEach((el) => {\n            el.style.width = `${w}px`;\n            el.style.minWidth = `${w}px`;\n            el.style.maxWidth = `${w}px`;\n          });\n        }\n      : undefined,\n    onResize,\n    onResizeEnd,\n  });\n\n  // Propaga isDragging do header pro Table root via context (CSS highlight column-wide)\n  useEffect(() => {\n    if (resize.isDragging && field) {\n      setResizingField(field);\n      return () => setResizingField(null);\n    }\n  }, [resize.isDragging, field, setResizingField]);\n\n  const style: React.CSSProperties = {};\n  if (width !== undefined) {\n    style.width = width;\n    style.minWidth = width;\n    style.maxWidth = width;\n  }\n  if (pinned === \"left\" && pinOffset !== undefined) style.left = pinOffset;\n  if (pinned === \"right\" && pinOffset !== undefined) style.right = pinOffset;\n\n  const ariaSort: React.AriaAttributes[\"aria-sort\"] = sortable\n    ? sortDirection === \"asc\"\n      ? \"ascending\"\n      : sortDirection === \"desc\"\n        ? \"descending\"\n        : \"none\"\n    : undefined;\n\n  const isSorted = sortDirection === \"asc\" || sortDirection === \"desc\";\n\n  return (\n    <div\n      {...rootProps}\n      ref={setRefs}\n      role=\"columnheader\"\n      aria-sort={ariaSort}\n      data-pinned={pinned}\n      data-sort={sortDirection ?? undefined}\n      data-field={field}\n      data-purpose={purpose}\n      className={cn(\n        \"group/headcell\",\n        tableStyles({ pinned, align, sortable, density, cellBorders, purpose }).headCell(),\n        className,\n      )}\n      style={{ ...style, ...extraStyle }}\n      onClick={sortable ? onSortClick : undefined}\n    >\n      {Icon && <Icon className={styles.typeIcon()} size={13} strokeWidth={1.7} aria-hidden />}\n      <span\n        className={cn(\n          \"flex-1 min-w-0\",\n          align === \"center\"\n            ? \"flex items-center justify-center\"\n            : align === \"right\"\n              ? cn(\n                  \"truncate text-right\",\n                  // Reserva espaço pro headRightStack (absolute right-pad-md ~8px +\n                  // sort badge + sort indicator + headMenu button + gaps) quando há\n                  // algo a renderizar. Sem isso, o texto right-aligned é coberto pelo\n                  // stack quando aparece no hover (bg-bg-table-head do stack mascara).\n                  (sortable || headMenu) && \"pr-[60px]\",\n                )\n              : \"truncate text-left\",\n        )}\n      >\n        {children}\n      </span>\n      {/* Right stack absolute: sort + headMenu agrupados, larguras dinâmicas via hidden/flex.\n          Renderiza só se houver algo pra mostrar (sortable ou headMenu). */}\n      {(sortable || headMenu) && (\n        <span className={styles.headRightStack()}>\n          {isSorted && (\n            <span className={styles.headSortActive()}>\n              {sortIndex !== undefined && (\n                <span className={styles.sortBadge()}>{sortIndex}</span>\n              )}\n              <SortIndicator direction={sortDirection} />\n            </span>\n          )}\n          {sortable && !isSorted && (\n            <span className={styles.headSortHint()}>\n              <SortIndicator direction={null} />\n            </span>\n          )}\n          {headMenu && (\n            <span className={styles.headMenuItem()}>{headMenu}</span>\n          )}\n        </span>\n      )}\n      {resizable && (\n        <div\n          className={styles.resizeHandle()}\n          data-dragging={resize.isDragging}\n          // dnd-kit PointerSensor escuta onPointerDown (dispara ANTES de mousedown).\n          // Sem este stopPropagation, dragging do resize handle ativa o sortable\n          // do header em paralelo — coluna começa a \"voar\" enquanto o usuário\n          // tenta apenas redimensionar.\n          onPointerDown={(e) => e.stopPropagation()}\n          onMouseDown={resize.onMouseDown}\n          // click dispara depois de mouseup quando o cursor não andou muito —\n          // sem stopPropagation aqui, click no handle borbulha pro header e\n          // ativa onSortClick. mousedown/pointerdown stopPropagation NÃO\n          // impedem o click subsequente (são eventos separados).\n          onClick={(e) => e.stopPropagation()}\n          onMouseEnter={() => field && setResizingField(field)}\n          onMouseLeave={() => {\n            // So limpa se nao estiver em drag — drag continua marcado via useEffect\n            if (!resize.isDragging) setResizingField(null);\n          }}\n          aria-hidden\n        />\n      )}\n    </div>\n  );\n});\n\n/* ── Sort indicator interno ───────────────────────────────────────── */\n\nfunction SortIndicator({ direction }: { direction: SortDirection }) {\n  if (direction === \"asc\") return <ArrowUp className={styles.sortIcon()} aria-hidden />;\n  if (direction === \"desc\") return <ArrowDown className={styles.sortIcon()} aria-hidden />;\n  // Hint quando sortable && null — controlado por display no slot headSortHint (hidden → inline-flex no hover)\n  return <ArrowUpDown className={styles.sortIcon()} aria-hidden />;\n}\n","import { cn } from \"@/lib/utils\";\nimport type { MouseEvent, ReactNode } from \"react\";\nimport { tableStyles } from \"./table.styles\";\n\nconst styles = tableStyles();\n\nexport type TableCardRowProps = {\n  /** Conteúdo do header do card (esquerda). Normalmente checkbox + primary column. */\n  header?: ReactNode;\n  /** Conteúdo do canto superior direito do header. Normalmente actions/menu. */\n  headerActions?: ReactNode;\n  /** Itens label/value renderizados no body do card. */\n  items: ReadonlyArray<{\n    /** Label da coluna (mostrado acima do valor). */\n    label: ReactNode;\n    /** Valor renderizado. */\n    value: ReactNode;\n    /** Key opcional pro React. Default = index. */\n    key?: string | number;\n  }>;\n  selected?: boolean;\n  /**\n   * Row está em foco pra detalhe (ex: click abriu drawer com info). Visual idêntico ao `selected`\n   * (bg brand-tinted + strip lateral brand) — mas semanticamente independente: pode coexistir com `selected`.\n   * Use pra padrão de \"click row → abre detail panel\", mantendo seleção (checkbox) separada.\n   */\n  open?: boolean;\n  clickable?: boolean;\n  onClick?: (e: MouseEvent<HTMLDivElement>) => void;\n  className?: string;\n};\n\n/**\n * <TableCardRow> — renderização \"card vertical\" de uma linha pra mobile/container estreito.\n *\n * Layout:\n *   ┌─────────────────────────────────────┐\n *   │ {header}              {headerActions} │\n *   ├─────────────────────────────────────┤\n *   │ {label}: {value}                     │\n *   │ {label}: {value}                     │\n *   └─────────────────────────────────────┘\n */\nexport function TableCardRow({\n  header,\n  headerActions,\n  items,\n  selected = false,\n  open = false,\n  clickable,\n  onClick,\n  className,\n}: TableCardRowProps) {\n  const isClickable = clickable ?? !!onClick;\n  const highlighted = selected || open;\n  const dataState = selected && open\n    ? \"selected open\"\n    : selected\n      ? \"selected\"\n      : open\n        ? \"open\"\n        : undefined;\n\n  return (\n    <div\n      role=\"article\"\n      aria-selected={selected || undefined}\n      data-state={dataState}\n      className={cn(\n        tableStyles({ selected: highlighted, clickable: isClickable }).cardWrap(),\n        className,\n      )}\n      onClick={onClick}\n    >\n      <div className={styles.cardHeader()}>\n        <div className=\"flex items-center gap-gp-md min-w-0\">{header}</div>\n        {headerActions && (\n          <div className=\"flex items-center gap-gp-xs shrink-0\">{headerActions}</div>\n        )}\n      </div>\n\n      {items.length > 0 && (\n        <div className=\"flex flex-col gap-gp-md\">\n          {items.map((item, i) => (\n            <div key={item.key ?? i} className={styles.cardItem()}>\n              <span className={styles.cardLabel()}>{item.label}</span>\n              <span className={styles.cardValue()}>{item.value}</span>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check, Minus } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\n/**\n * Checkbox — alinhado com `.tbl-checkbox` do design-and-table-v2.\n *\n * Specs:\n *   - 16x16, border 1.5px border-input, radius 4px (radius-xs)\n *   - bg-input (light) / dark:bg-bg-muted\n *   - hover: border-default (mais visível)\n *   - checked/indeterminate: bg-brand + border-brand\n *   - check icon: branco (fg-on-brand)\n *   - focus: shadow-sh-ring (brand glow)\n */\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"peer relative flex size-4 shrink-0 items-center justify-center cursor-pointer\",\n      \"rounded-radius-xs\",\n      \"bg-bg-input dark:bg-bg-muted\",\n      \"border-[1.5px] border-border-input\",\n      \"transition-[background-color,border-color,box-shadow] outline-none\",\n      \"hover:border-border-default\",\n      \"focus-visible:shadow-sh-ring\",\n      \"disabled:cursor-not-allowed disabled:opacity-50\",\n      \"data-[state=checked]:bg-bg-brand data-[state=checked]:border-border-brand\",\n      \"data-[state=indeterminate]:bg-bg-brand data-[state=indeterminate]:border-border-brand\",\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn(\"grid place-content-center text-fg-on-brand\")}\n    >\n      {props.checked === \"indeterminate\" ? (\n        <Minus className=\"size-3\" strokeWidth={3} />\n      ) : (\n        <Check className=\"size-3\" strokeWidth={3} />\n      )}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n","import * as React from \"react\";\r\nimport { tv, type VariantProps } from \"@/utils/tv\";\r\n\r\n/**\r\n * Badge — pill/tag visual indicator alinhado com sandbox.\r\n *\r\n * Patterns suportados:\r\n *   - Counter (.tbl-page-count): default shape (radius-sm 6px), soft primary\r\n *   - Status chip (.chip): shape=\"pill\" (radius-full), soft + colored\r\n *   - Inline tag: default shape, qualquer cor\r\n *\r\n * API:\r\n *   color:   primary | secondary | critical | success | warning | info\r\n *   variant: solid | soft | outline | ghost\r\n *   size:    sm (20px) | md (24px, default) | lg (28px)\r\n *   shape:   default (radius 6px) | pill (radius full)\r\n */\r\nconst badgeVariants = tv({\r\n  base: [\r\n    \"inline-flex items-center justify-center\",\r\n    \"border border-transparent\",\r\n    \"font-semibold leading-none whitespace-nowrap\",\r\n    \"transition-colors\",\r\n    \"focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary\",\r\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n  ],\r\n\r\n  variants: {\r\n    color: {\r\n      primary: \"\",\r\n      secondary: \"\",\r\n      critical: \"\",\r\n      success: \"\",\r\n      warning: \"\",\r\n      info: \"\",\r\n    },\r\n\r\n    variant: {\r\n      solid: \"\",\r\n      soft: \"\",\r\n      outline: \"bg-transparent\",\r\n      ghost: \"bg-transparent border-transparent\",\r\n    },\r\n\r\n    size: {\r\n      sm: \"h-comp-2xs px-pad-sm text-caption-xs gap-gp-2xs [&_svg]:size-3\",     // 20px / 6 / 10\r\n      md: \"h-comp-xs px-pad-md text-body-xs gap-gp-xs [&_svg]:size-3.5\",  // 24px / 8 / 12 (default)\r\n      lg: \"h-comp-sm px-pad-lg text-body-sm font-normal gap-gp-sm [&_svg]:size-4\",      // 28px / 10 / 13\r\n    },\r\n\r\n    shape: {\r\n      default: \"rounded-radius-sm\",   // 6px — counter, value tags\r\n      pill: \"rounded-radius-full\",    // pill — status chips\r\n    },\r\n  },\r\n\r\n  compoundVariants: [\r\n    /* ── Primary (brand) ─────────────────────────────────────────────── */\r\n    { color: \"primary\", variant: \"solid\",   class: \"bg-bg-brand text-fg-on-brand\" },\r\n    { color: \"primary\", variant: \"soft\",    class: \"bg-bg-brand-subtle text-fg-brand\" },\r\n    { color: \"primary\", variant: \"outline\", class: \"border-border-brand text-fg-brand\" },\r\n    { color: \"primary\", variant: \"ghost\",   class: \"text-fg-brand\" },\r\n\r\n    /* ── Secondary (neutral) ─────────────────────────────────────────── */\r\n    { color: \"secondary\", variant: \"solid\",   class: \"bg-bg-emphasis text-fg-default\" },\r\n    { color: \"secondary\", variant: \"soft\",    class: \"bg-bg-muted text-fg-muted\" },\r\n    { color: \"secondary\", variant: \"outline\", class: \"border-border-default text-fg-default\" },\r\n    { color: \"secondary\", variant: \"ghost\",   class: \"text-fg-muted\" },\r\n\r\n    /* ── Critical (danger) ───────────────────────────────────────────── */\r\n    { color: \"critical\", variant: \"solid\",   class: \"bg-bg-danger text-fg-on-danger\" },\r\n    { color: \"critical\", variant: \"soft\",    class: \"bg-bg-danger-muted text-fg-danger\" },\r\n    { color: \"critical\", variant: \"outline\", class: \"border-border-danger-muted text-fg-danger\" },\r\n    { color: \"critical\", variant: \"ghost\",   class: \"text-fg-danger\" },\r\n\r\n    /* ── Success ─────────────────────────────────────────────────────── */\r\n    { color: \"success\", variant: \"solid\",   class: \"bg-bg-success text-fg-on-success\" },\r\n    { color: \"success\", variant: \"soft\",    class: \"bg-bg-success-muted text-fg-success\" },\r\n    { color: \"success\", variant: \"outline\", class: \"border-border-success-muted text-fg-success\" },\r\n    { color: \"success\", variant: \"ghost\",   class: \"text-fg-success\" },\r\n\r\n    /* ── Warning ─────────────────────────────────────────────────────── */\r\n    { color: \"warning\", variant: \"solid\",   class: \"bg-bg-warning text-fg-on-warning\" },\r\n    { color: \"warning\", variant: \"soft\",    class: \"bg-bg-warning-muted text-fg-warning\" },\r\n    { color: \"warning\", variant: \"outline\", class: \"border-border-warning-muted text-fg-warning\" },\r\n    { color: \"warning\", variant: \"ghost\",   class: \"text-fg-warning\" },\r\n\r\n    /* ── Info ────────────────────────────────────────────────────────── */\r\n    { color: \"info\", variant: \"solid\",   class: \"bg-bg-info text-fg-on-info\" },\r\n    { color: \"info\", variant: \"soft\",    class: \"bg-bg-info-muted text-fg-info\" },\r\n    { color: \"info\", variant: \"outline\", class: \"border-border-info-muted text-fg-info\" },\r\n    { color: \"info\", variant: \"ghost\",   class: \"text-fg-info\" },\r\n  ],\r\n\r\n  defaultVariants: {\r\n    color: \"secondary\",\r\n    variant: \"soft\",\r\n    size: \"md\",\r\n    shape: \"default\",\r\n  },\r\n});\r\n\r\nexport type BadgeVariantProps = VariantProps<typeof badgeVariants>;\r\n\r\nexport interface BadgeProps\r\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\r\n    BadgeVariantProps {\r\n  asChild?: boolean;\r\n}\r\n\r\nfunction Badge({ className, color, variant, size, shape, ...props }: BadgeProps) {\r\n  return (\r\n    <span\r\n      className={badgeVariants({ color, variant, size, shape, className })}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Badge, badgeVariants };\r\n"],"names":["styles","TableRow","TableCell","TableHeadCell"],"mappings":"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"}

package/dist-lib/chunks/{badge-ibpffgg9.cjs → badge-CUttkO1X.cjs}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
-const chipGroup = require("./chip-group-CsKBBHW2.cjs");
+const chipGroup = require("./chip-group-2-f_Yo7Y.cjs");
 const CheckboxPrimitive = require("@radix-ui/react-checkbox");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -53,7 +53,7 @@ const tableStyles = chipGroup.tv({
     headCell: [
       "relative flex items-center gap-gp-md shrink-0",
       "h-[42px] px-pad-2xl",
-      "text-[13px] font-semibold leading-none",
+      "text-body-sm font-semibold leading-none",
       "text-fg-muted",
       "select-none",
       "hover:text-fg-default"
@@ -73,7 +73,7 @@ const tableStyles = chipGroup.tv({
     cell: [
       "flex items-center shrink-0",
       "px-pad-2xl",
-      "text-[13px] text-fg-default",
+      "text-body-sm font-normal text-fg-default",
       "whitespace-nowrap overflow-hidden"
     ],
     /* Drag handle do resize — barrinha invisível no edge direito.
@@ -107,7 +107,7 @@ const tableStyles = chipGroup.tv({
       "inline-flex items-center justify-center shrink-0",
       "min-w-[18px] h-[18px] px-[5px]",
       "rounded-radius-xs bg-bg-brand text-fg-on-brand",
-      "text-[10.5px] font-bold leading-none tabular-nums"
+      "text-caption-xs font-bold leading-none tabular-nums"
     ],
     /* Stack absolute na borda direita do head cell — agrupa sort e headMenu.
        Largura dinâmica: encolhe quando itens estão "hidden", cresce quando aparecem no hover. */
@@ -162,11 +162,11 @@ const tableStyles = chipGroup.tv({
     ],
     /* Card mode — label da coluna acima do valor. */
     cardLabel: [
-      "text-subheading-xs text-fg-muted"
+      "text-body-xs uppercase tracking-wider text-fg-muted"
     ],
     /* Card mode — valor abaixo do label. */
     cardValue: [
-      "text-paragraph-sm text-fg-default"
+      "text-body-md text-fg-default"
     ]
   },
   variants: {
@@ -737,11 +737,11 @@ const badgeVariants = chipGroup.tv({
       ghost: "bg-transparent border-transparent"
     },
     size: {
-      sm: "h-comp-2xs px-pad-sm text-[10px] gap-gp-2xs [&_svg]:size-3",
+      sm: "h-comp-2xs px-pad-sm text-caption-xs gap-gp-2xs [&_svg]:size-3",
       // 20px / 6 / 10
-      md: "h-comp-xs px-pad-md text-label-xs gap-gp-xs [&_svg]:size-3.5",
+      md: "h-comp-xs px-pad-md text-body-xs gap-gp-xs [&_svg]:size-3.5",
       // 24px / 8 / 12 (default)
-      lg: "h-comp-sm px-pad-lg text-[13px] gap-gp-sm [&_svg]:size-4"
+      lg: "h-comp-sm px-pad-lg text-body-sm font-normal gap-gp-sm [&_svg]:size-4"
       // 28px / 10 / 13
     },
     shape: {
@@ -810,4 +810,4 @@ exports.TableHeadCell = TableHeadCell;
 exports.TableRow = TableRow;
 exports.badgeVariants = badgeVariants;
 exports.useColumnResize = useColumnResize;
-//# sourceMappingURL=badge-ibpffgg9.cjs.map
+//# sourceMappingURL=badge-CUttkO1X.cjs.map

package/dist-lib/chunks/badge-CUttkO1X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-CUttkO1X.cjs","sources":["../../src/components/ui/Table/table.styles.ts","../../src/components/ui/Table/use-column-resize.ts","../../src/components/ui/Table/table.tsx","../../src/components/ui/Table/table-card-row.tsx","../../src/components/shadcn/checkbox.tsx","../../src/components/shadcn/badge.tsx"],"sourcesContent":["import { tv } from \"@/utils/tv\";\r\n\r\n/**\r\n * Table styles — slots tv pra Table, TableHead, TableHeadCell, TableBody, TableRow, TableCell.\r\n *\r\n * Densidade afeta: altura mínima de row + padding vertical de cell.\r\n * Modo card: aplicado via container query (@container) — root declara container-type.\r\n */\r\nexport const tableStyles = tv({\r\n  slots: {\r\n    /* Root grid container. Aplica container-type pra container queries.\r\n       flex flex-col: scroll child usa flex-1 min-h-0 pra esticar quando há altura forçada\r\n       (consumer aplica `max-h-[Npx]` no Table) ou pegar altura natural quando não há. */\r\n    root: [\r\n      \"relative flex flex-col w-full\",\r\n      \"bg-bg-table border border-border-table rounded-radius-xl shadow-sh-sm\",\r\n      \"overflow-hidden\",\r\n      \"[container-type:inline-size]\",\r\n    ],\r\n    /* Container que faz o scroll (envolve head + body).\r\n       flex-1 + min-h-0: estica até preencher o root quando há altura forçada;\r\n       caso contrário, altura natural do conteúdo (flex-1 sem espaço extra = no-op).\r\n       overflow-auto: scroll-X sempre disponível (colunas largas); scroll-Y só ativa\r\n       quando o conteúdo excede a altura (que só acontece com max-h externo).\r\n       scrollbar-thin: classe global do projeto (globals.css) — alpha responsivo light/dark. */\r\n    scroll: [\r\n      \"flex-1 min-h-0 overflow-auto relative\",\r\n      \"scrollbar-thin\",\r\n    ],\r\n    /* Header row (flex de TableHeadCell). Sticky default. */\r\n    head: [\r\n      \"flex w-max min-w-full\",\r\n      \"bg-bg-table-head border-b border-border-table\",\r\n      \"z-20\",\r\n    ],\r\n    /* Cell do header — type, padding, alinhamento. */\r\n    headCell: [\r\n      \"relative flex items-center gap-gp-md shrink-0\",\r\n      \"h-[42px] px-pad-2xl\",\r\n      \"text-body-sm font-semibold leading-none\",\r\n      \"text-fg-muted\",\r\n      \"select-none\",\r\n      \"hover:text-fg-default\",\r\n    ],\r\n    /* Body container — contém as rows. */\r\n    body: [\r\n      \"flex flex-col w-max min-w-full\",\r\n    ],\r\n    /* Row (flex de TableCell). */\r\n    row: [\r\n      \"group/row relative flex w-full\",\r\n      \"border-b border-border-table last:border-b-0\",\r\n      \"bg-bg-table\",\r\n      \"transition-colors duration-150\",\r\n    ],\r\n    /* Cell — content cell padrão. */\r\n    cell: [\r\n      \"flex items-center shrink-0\",\r\n      \"px-pad-2xl\",\r\n      \"text-body-sm font-normal text-fg-default\",\r\n      \"whitespace-nowrap overflow-hidden\",\r\n    ],\r\n    /* Drag handle do resize — barrinha invisível no edge direito.\r\n       Apenas a linha dentro do header (after:). Sem projeção pra baixo (before:)\r\n       porque pseudo-elements absolute COM h-screen ainda contam pro scrollHeight\r\n       do ancestral com overflow-auto, esticando o body verticalmente. */\r\n    resizeHandle: [\r\n      \"absolute right-0 top-0 bottom-0 w-[6px] cursor-col-resize z-10\",\r\n      // Linha 1px vertical dentro do header — aparece no hover do TH\r\n      \"after:content-[''] after:absolute after:left-1/2 after:-translate-x-1/2\",\r\n      \"after:top-[8px] after:bottom-[8px] after:w-px after:bg-transparent\",\r\n      \"after:transition-all after:duration-150\",\r\n      \"group-hover/headcell:after:bg-border-default\",\r\n      // Hover direto no handle → linha brand 2px full-height\r\n      \"hover:after:bg-bg-brand hover:after:w-[2px] hover:after:top-0 hover:after:bottom-0\",\r\n      // DRAG ATIVO → mantém linha brand visível independente do :hover\r\n      \"data-[dragging=true]:after:bg-bg-brand data-[dragging=true]:after:w-[2px] data-[dragging=true]:after:top-0 data-[dragging=true]:after:bottom-0\",\r\n    ],\r\n    /* Ícone de sort no head cell. */\r\n    sortIcon: [\r\n      \"shrink-0 size-icon-xs\",\r\n      \"transition-opacity duration-150\",\r\n    ],\r\n    /* Ícone de tipo de coluna no head (Hash, User, AtSign…). */\r\n    typeIcon: [\r\n      \"shrink-0 size-[13px] text-fg-muted opacity-70\",\r\n      \"group-hover/headcell:opacity-100\",\r\n    ],\r\n    /* Badge brand com índice de sort (1, 2, 3). */\r\n    sortBadge: [\r\n      \"inline-flex items-center justify-center shrink-0\",\r\n      \"min-w-[18px] h-[18px] px-[5px]\",\r\n      \"rounded-radius-xs bg-bg-brand text-fg-on-brand\",\r\n      \"text-caption-xs font-bold leading-none tabular-nums\",\r\n    ],\r\n    /* Stack absolute na borda direita do head cell — agrupa sort e headMenu.\r\n       Largura dinâmica: encolhe quando itens estão \"hidden\", cresce quando aparecem no hover. */\r\n    headRightStack: [\r\n      \"absolute right-pad-md top-1/2 -translate-y-1/2 z-[1]\",  // 8px de respiro da borda direita\r\n      \"inline-flex items-center gap-gp-xs\",\r\n      \"bg-bg-table-head pl-pad-xs\",\r\n      \"pointer-events-none\",\r\n    ],\r\n    /* Sort ativo (asc/desc) — sempre visível quando isSorted=true. */\r\n    headSortActive: [\r\n      \"inline-flex items-center gap-gp-xs shrink-0\",\r\n      \"text-fg-default\",\r\n    ],\r\n    /* Sort hint (sortable mas inativo) — display:none default, inline-flex no hover.\r\n       Como é display:none, NÃO ocupa espaço no stack até aparecer. */\r\n    headSortHint: [\r\n      \"hidden group-hover/headcell:inline-flex items-center shrink-0\",\r\n      \"text-fg-muted opacity-60\",\r\n    ],\r\n    /* Head menu wrapper — display:none default, inline-flex no hover.\r\n       Tem pointer-events:auto pra restaurar interatividade (parent stack tem pointer-events:none). */\r\n    headMenuItem: [\r\n      // Esconde por padrao; revela quando:\r\n      //   1. hover no header (group-hover) — UX padrao\r\n      //   2. focus interno (focus-within) — keyboard navigation\r\n      //   3. dropdown interno aberto (:has data-state=open) — mantem visivel\r\n      //      enquanto user move cursor pra dentro do menu portal\r\n      //   4. data-menu-active=true no botao — mantem visivel durante a janela\r\n      //      de close animation (~200ms) pra portal nao perder a ancora\r\n      \"hidden items-center shrink-0\",\r\n      \"group-hover/headcell:inline-flex\",\r\n      \"focus-within:inline-flex\",\r\n      \"has-[[data-state=open]]:inline-flex\",\r\n      \"has-[[data-menu-active=true]]:inline-flex\",\r\n      \"pointer-events-auto\",\r\n    ],\r\n    /* Card mode — wrapper de cada row no modo card. */\r\n    cardWrap: [\r\n      \"flex flex-col w-full p-pad-card-sm gap-gp-md\",\r\n      \"border-b border-border-table last:border-b-0\",\r\n      \"bg-bg-table\",\r\n    ],\r\n    /* Card mode — header do card (primary + checkbox + actions). */\r\n    cardHeader: [\r\n      \"flex items-center justify-between gap-gp-md\",\r\n    ],\r\n    /* Card mode — body items (label/value). */\r\n    cardItem: [\r\n      \"flex flex-col gap-gp-2xs\",\r\n    ],\r\n    /* Card mode — label da coluna acima do valor. */\r\n    cardLabel: [\r\n      \"text-body-xs uppercase tracking-wider text-fg-muted\",\r\n    ],\r\n    /* Card mode — valor abaixo do label. */\r\n    cardValue: [\r\n      \"text-body-md text-fg-default\",\r\n    ],\r\n  },\r\n  variants: {\r\n    density: {\r\n      compact:     { row: \"h-[40px]\", cell: \"py-0\", headCell: \"\" },\r\n      standard:    { row: \"h-[56px]\", cell: \"py-0\", headCell: \"\" },\r\n      comfortable: { row: \"h-[64px]\", cell: \"py-0\", headCell: \"\" },\r\n    },\r\n    sticky: {\r\n      true:  { head: \"sticky top-0\" },\r\n      false: {},\r\n    },\r\n    selected: {\r\n      true: {\r\n        row: [\r\n          \"bg-bg-table-row-selected hover:bg-bg-table-row-selected-hover\",\r\n          \"before:content-[''] before:absolute before:left-0 before:top-0 before:bottom-0 before:w-[3px] before:bg-bg-brand before:z-[5] before:pointer-events-none\",\r\n        ].join(\" \"),\r\n        cardWrap: \"bg-bg-table-row-selected hover:bg-bg-table-row-selected-hover\",\r\n      },\r\n      false: {\r\n        row: \"hover:bg-bg-table-row-hover\",\r\n        cardWrap: \"hover:bg-bg-table-row-hover\",\r\n      },\r\n    },\r\n    clickable: {\r\n      true:  { row: \"cursor-pointer\", cardWrap: \"cursor-pointer\" },\r\n      false: {},\r\n    },\r\n    pinned: {\r\n      left:  { headCell: \"sticky z-10 bg-bg-table-head\", cell: \"sticky z-[5] bg-inherit\" },\r\n      right: { headCell: \"sticky z-10 bg-bg-table-head\", cell: \"sticky z-[5] bg-inherit\" },\r\n    },\r\n    align: {\r\n      left:   { cell: \"justify-start text-left\",     headCell: \"justify-start text-left\" },\r\n      center: { cell: \"justify-center text-center\", headCell: \"justify-center text-center\" },\r\n      right:  { cell: \"justify-end text-right\",     headCell: \"justify-end text-right\" },\r\n    },\r\n    sortable: {\r\n      true:  { headCell: \"cursor-pointer hover:text-fg-default\" },\r\n      false: {},\r\n    },\r\n    ellipsis: {\r\n      true:  { cell: \"overflow-hidden [&>*]:truncate\" },\r\n      false: {},\r\n    },\r\n    cellBorders: {\r\n      true: {\r\n        // `:has(+ [data-purpose='actions'])`: a cell ANTES da coluna actions\r\n        // perde border-right — evita o divider visual encostado na actions.\r\n        headCell:\r\n          \"border-r border-border-table last:border-r-0 has-[+_[data-purpose='actions']]:border-r-0\",\r\n        cell:\r\n          \"border-r border-border-table last:border-r-0 has-[+_[data-purpose='actions']]:border-r-0\",\r\n      },\r\n      false: {},\r\n    },\r\n    /** Variant pra cells de coluna especial (selection / actions).\r\n     *\r\n     *  - `selection`: remove padding pra checkbox 28px caber em 56px e centralizar.\r\n     *  - `actions`: header em branco (sem texto/menu), sem border-right, padding\r\n     *    horizontal mínimo. Usado quando `type: \"actions\"` no DataTableColumnDef.\r\n     *    Border-right removida via `!border-r-0` (override do cellBorders=true). */\r\n    purpose: {\r\n      default: {},\r\n      selection: {\r\n        headCell: \"px-0 py-0\",\r\n        cell: \"px-0 py-0\",\r\n      },\r\n      actions: {\r\n        headCell: \"!border-r-0 px-pad-md\",\r\n        cell: \"!border-r-0 px-pad-md\",\r\n      },\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    density: \"standard\",\r\n    sticky: true,\r\n    selected: false,\r\n    clickable: false,\r\n    align: \"left\",\r\n    sortable: false,\r\n    ellipsis: false,\r\n    cellBorders: true,\r\n    purpose: \"default\",\r\n  },\r\n});\r\n","import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport type UseColumnResizeParams = {\n  currentWidth: number;\n  minWidth?: number;\n  maxWidth?: number;\n  /** Disparado a cada `mousemove` durante o drag.\n   *  Tipicamente usado pra side-effect \"live preview\" pelo consumer.\n   *  Em consumers React, prefira `onResizeEnd` pra evitar re-render storm —\n   *  use `onResizeLiveDOM` pra DOM mutation síncrona sem state. */\n  onResize?: (widthPx: number) => void;\n  /** Disparado no `mouseup` com largura final em px.\n   *  Pra consumers React: ideal pra commit no state (1 update por drag). */\n  onResizeEnd?: (widthPx: number) => void;\n  /** Callback síncrono pra DOM mutation durante drag (sem state React).\n   *  Recomendado pra atualizar inline styles em massa (ex: <Cell width>) sem\n   *  causar re-render storm. Chamado a cada mousemove em paralelo com `onResize`.\n   *  Pattern: consumer query DOM via ref + aplica `style.width` direto. */\n  onResizeLiveDOM?: (widthPx: number) => void;\n};\n\nexport type UseColumnResizeResult = {\n  onMouseDown: (e: React.MouseEvent) => void;\n  isDragging: boolean;\n};\n\nconst DEFAULT_MIN = 60;\nconst DEFAULT_MAX = 800;\n\nexport function useColumnResize({\n  currentWidth,\n  minWidth = DEFAULT_MIN,\n  maxWidth = DEFAULT_MAX,\n  onResize,\n  onResizeEnd,\n  onResizeLiveDOM,\n}: UseColumnResizeParams): UseColumnResizeResult {\n  const [isDragging, setIsDragging] = useState(false);\n\n  const onResizeRef = useRef(onResize);\n  const onResizeEndRef = useRef(onResizeEnd);\n  const onResizeLiveDOMRef = useRef(onResizeLiveDOM);\n  const minRef = useRef(minWidth);\n  const maxRef = useRef(maxWidth);\n\n  onResizeRef.current = onResize;\n  onResizeEndRef.current = onResizeEnd;\n  onResizeLiveDOMRef.current = onResizeLiveDOM;\n  minRef.current = minWidth;\n  maxRef.current = maxWidth;\n\n  const stateRef = useRef<{\n    startX: number;\n    startWidth: number;\n    lastWidth: number;\n    dragging: boolean;\n  }>({ startX: 0, startWidth: 0, lastWidth: currentWidth, dragging: false });\n\n  stateRef.current.lastWidth = currentWidth;\n\n  const handlersRef = useRef<{\n    move: (e: MouseEvent) => void;\n    up: (e: MouseEvent) => void;\n  } | null>(null);\n\n  if (!handlersRef.current) {\n    handlersRef.current = {\n      move: (e: MouseEvent) => {\n        if (!stateRef.current.dragging) return;\n        const delta = e.clientX - stateRef.current.startX;\n        const next = Math.min(\n          maxRef.current,\n          Math.max(minRef.current, stateRef.current.startWidth + delta),\n        );\n        stateRef.current.lastWidth = next;\n        // Live DOM primeiro (síncrono, sem React) — feedback visual fluido.\n        // Depois o callback onResize (estado/state). Os 2 podem coexistir.\n        onResizeLiveDOMRef.current?.(next);\n        onResizeRef.current?.(next);\n      },\n      up: () => {\n        if (!stateRef.current.dragging) return;\n        stateRef.current.dragging = false;\n        setIsDragging(false);\n        document.removeEventListener(\"mousemove\", handlersRef.current!.move);\n        document.removeEventListener(\"mouseup\", handlersRef.current!.up);\n        document.body.style.cursor = \"\";\n        document.body.style.userSelect = \"\";\n        onResizeEndRef.current?.(stateRef.current.lastWidth);\n      },\n    };\n  }\n\n  const onMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      stateRef.current = {\n        startX: e.clientX,\n        startWidth: currentWidth,\n        lastWidth: currentWidth,\n        dragging: true,\n      };\n      setIsDragging(true);\n      document.addEventListener(\"mousemove\", handlersRef.current!.move);\n      document.addEventListener(\"mouseup\", handlersRef.current!.up);\n      document.body.style.cursor = \"col-resize\";\n      document.body.style.userSelect = \"none\";\n    },\n    [currentWidth],\n  );\n\n  useEffect(() => {\n    return () => {\n      if (stateRef.current.dragging && handlersRef.current) {\n        document.removeEventListener(\"mousemove\", handlersRef.current.move);\n        document.removeEventListener(\"mouseup\", handlersRef.current.up);\n        document.body.style.cursor = \"\";\n        document.body.style.userSelect = \"\";\n      }\n    };\n  }, []);\n\n  return {\n    onMouseDown,\n    isDragging,\n  };\n}\n","import type React from \"react\";\nimport { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { ArrowUp, ArrowDown, ArrowUpDown } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\nimport { tableStyles } from \"./table.styles\";\nimport { useColumnResize } from \"./use-column-resize\";\nimport type {\n  TableProps,\n  TableHeadProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n  TableHeadCellProps,\n  TableDensity,\n  SortDirection,\n} from \"./table.types\";\n\n/* ── Context interno (privado) — propaga density + cellBorders pros subcomponentes ─ */\n\ntype TableContextValue = {\n  density: TableDensity;\n  cellBorders: boolean;\n  /**\n   * Field da coluna com resize handle ATIVO — drag em curso OU hover sobre o handle.\n   * Aplica linha brand em todas as cells da coluna. Null quando nenhum.\n   */\n  resizingField: string | null;\n  setResizingField: (field: string | null) => void;\n  /** True quando body scrollou pra baixo (scrollTop > 0) — header ganha shadow. */\n  isScrolled: boolean;\n};\n\nconst TableContext = createContext<TableContextValue>({\n  density: \"standard\",\n  cellBorders: true,\n  resizingField: null,\n  setResizingField: () => {},\n  isScrolled: false,\n});\n\nfunction useTableContext(): TableContextValue {\n  return useContext(TableContext);\n}\n\nconst styles = tableStyles();\n\n/* ── <Table> root ─────────────────────────────────────────────────── */\n\nexport function Table({\n  density = \"standard\",\n  cardBreakpoint = 768,\n  cellBorders = true,\n  ariaLabel,\n  className,\n  scrollRef: externalScrollRef,\n  children,\n}: TableProps) {\n  // Container queries via inline style — Tailwind v4 não tem arbitrary container query no momento da escrita\n  const cardCss =\n    cardBreakpoint === false\n      ? undefined\n      : ({ \"--table-card-bp\": `${cardBreakpoint}px` } as React.CSSProperties);\n\n  // State pra tracking de coluna em drag ativo (resize) — aplica data-resizing-col no root,\n  // CSS estiliza todas as cells com data-field correspondente (full-height line).\n  const [resizingField, setResizingField] = useState<string | null>(null);\n\n  // Detecta scroll vertical pra mostrar shadow no sticky header\n  const [isScrolled, setIsScrolled] = useState(false);\n  const internalScrollRef = useRef<HTMLDivElement>(null);\n  // Usa ref externa se passada (DataTable virtualization), senao a interna.\n  const scrollRef = externalScrollRef ?? internalScrollRef;\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const onScroll = () => setIsScrolled(el.scrollTop > 0);\n    el.addEventListener(\"scroll\", onScroll, { passive: true });\n    onScroll();\n    return () => el.removeEventListener(\"scroll\", onScroll);\n  }, [scrollRef]);\n\n  return (\n    <TableContext.Provider\n      value={{ density, cellBorders, resizingField, setResizingField, isScrolled }}\n    >\n      <div\n        role=\"grid\"\n        aria-label={ariaLabel}\n        data-density={density}\n        data-resizing-col={resizingField ?? undefined}\n        className={cn(styles.root(), className)}\n        style={cardCss}\n      >\n        <div ref={scrollRef} className={styles.scroll()}>{children}</div>\n      </div>\n    </TableContext.Provider>\n  );\n}\n\n/* ── <TableHead> ──────────────────────────────────────────────────── */\n\nexport function TableHead({\n  sticky = true,\n  className,\n  rootProps,\n  children,\n}: TableHeadProps) {\n  const { isScrolled } = useTableContext();\n  return (\n    <div\n      {...rootProps}\n      role=\"rowgroup\"\n      data-scrolled={isScrolled ? \"true\" : undefined}\n      className={cn(tableStyles({ sticky }).head(), className)}\n    >\n      <div role=\"row\" className=\"flex w-full\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/* ── <TableBody> ──────────────────────────────────────────────────── */\n\nexport function TableBody({\n  className,\n  style,\n  rootProps,\n  virtualized,\n  children,\n}: TableBodyProps) {\n  // Em modo virtualizado: body vira block + position relative + height total\n  // pra que rows absolute-positioned (do @tanstack/react-virtual) renderizem\n  // corretamente. Override do flex-col default via className `!block`.\n  const virtualStyle: React.CSSProperties | undefined = virtualized\n    ? {\n        height: virtualized.totalHeight,\n        position: \"relative\",\n        minWidth: \"100%\",\n        ...style,\n      }\n    : style;\n  return (\n    <div\n      {...rootProps}\n      role=\"rowgroup\"\n      className={cn(\n        styles.body(),\n        virtualized && \"!block\",\n        className,\n      )}\n      style={virtualStyle}\n    >\n      {children}\n    </div>\n  );\n}\n\n/* ── <TableRow> ───────────────────────────────────────────────────── */\n\nexport const TableRow = forwardRef<HTMLDivElement, TableRowProps>(function TableRow({\n  selected = false,\n  open = false,\n  focused = false,\n  clickable,\n  onClick,\n  className,\n  rootProps,\n  children,\n}, ref) {\n  const { density } = useTableContext();\n  const isClickable = clickable ?? !!onClick;\n  const highlighted = selected || open;\n  const dataState = selected && open\n    ? \"selected open\"\n    : selected\n      ? \"selected\"\n      : open\n        ? \"open\"\n        : undefined;\n\n  return (\n    <div\n      {...rootProps}\n      ref={ref}\n      role=\"row\"\n      aria-selected={selected || undefined}\n      data-state={dataState}\n      data-focused={focused || undefined}\n      tabIndex={focused ? 0 : -1}\n      className={cn(\n        tableStyles({ selected: highlighted, clickable: isClickable, density }).row(),\n        // Focus visual — bg tinted (match checkbox selected) + outline brand interno.\n        // Outline em vez de ring/border pra não interferir com sticky/bordas.\n        focused &&\n          \"bg-bg-table-row-selected hover:bg-bg-table-row-selected-hover outline outline-2 outline-offset-[-2px] outline-bg-brand z-[6] relative\",\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n});\n\n/* ── <TableCell> ──────────────────────────────────────────────────── */\n\nexport const TableCell = forwardRef<HTMLDivElement, TableCellProps>(function TableCell({\n  field,\n  tooltip,\n  width,\n  pinned,\n  pinOffset,\n  align = \"left\",\n  ellipsis = false,\n  label,\n  className,\n  rootProps,\n  purpose = \"default\",\n  children,\n}, ref) {\n  const { density, cellBorders, resizingField } = useTableContext();\n  const isResizingThisCol = field !== undefined && resizingField === field;\n  const style: React.CSSProperties = {};\n  if (width !== undefined) {\n    style.width = width;\n    style.minWidth = width;\n    style.maxWidth = width;\n  }\n  if (pinned === \"left\" && pinOffset !== undefined) style.left = pinOffset;\n  if (pinned === \"right\" && pinOffset !== undefined) style.right = pinOffset;\n\n  return (\n    <div\n      {...rootProps}\n      ref={ref}\n      role=\"gridcell\"\n      data-pinned={pinned}\n      data-label={label}\n      data-field={field}\n      data-purpose={purpose}\n      data-resize-active={isResizingThisCol ? \"true\" : undefined}\n      title={tooltip}\n      className={cn(\n        tableStyles({ pinned, align, ellipsis, density, cellBorders, purpose }).cell(),\n        // Linha brand 2px alinhada com o centro do resize handle do header (~2px do edge)\n        isResizingThisCol &&\n          \"relative after:absolute after:right-[2px] after:top-0 after:bottom-0 after:w-[2px] after:bg-bg-brand after:pointer-events-none\",\n        className,\n      )}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n});\n\n/* ── <TableHeadCell> ──────────────────────────────────────────────── */\n\nexport const TableHeadCell = forwardRef<HTMLDivElement, TableHeadCellProps>(function TableHeadCell({\n  field,\n  width,\n  pinned,\n  pinOffset,\n  align = \"left\",\n  sortable = false,\n  sortDirection = null,\n  sortIndex = 1,\n  onSortClick,\n  icon: Icon,\n  headMenu,\n  resizable,\n  onResize,\n  onResizeEnd,\n  className,\n  style: extraStyle,\n  rootProps,\n  purpose = \"default\",\n  children,\n}, forwardedRef) {\n  const { density, cellBorders, setResizingField } = useTableContext();\n  const headCellRef = useRef<HTMLDivElement | null>(null);\n  // Merge forwardedRef com headCellRef interno (usado pelo resize live-DOM).\n  const setRefs = useCallback((el: HTMLDivElement | null) => {\n    headCellRef.current = el;\n    if (typeof forwardedRef === \"function\") forwardedRef(el);\n    else if (forwardedRef) forwardedRef.current = el;\n  }, [forwardedRef]);\n\n  const resize = useColumnResize({\n    currentWidth: width ?? 160,\n    // Live DOM update — escreve `style.width` direto nas cells com `data-field`\n    // correspondente, escopado ao `[role=\"grid\"]` ancestral. Síncrono, sem React,\n    // zero re-render durante o drag. Documented hook API via `onResizeLiveDOM`\n    // (vs `onResize` que vai pro state externo, normalmente debounced ao mouseup).\n    onResizeLiveDOM: field\n      ? (w) => {\n          const grid = headCellRef.current?.closest('[role=\"grid\"]');\n          grid?.querySelectorAll<HTMLElement>(`[data-field=\"${field}\"]`).forEach((el) => {\n            el.style.width = `${w}px`;\n            el.style.minWidth = `${w}px`;\n            el.style.maxWidth = `${w}px`;\n          });\n        }\n      : undefined,\n    onResize,\n    onResizeEnd,\n  });\n\n  // Propaga isDragging do header pro Table root via context (CSS highlight column-wide)\n  useEffect(() => {\n    if (resize.isDragging && field) {\n      setResizingField(field);\n      return () => setResizingField(null);\n    }\n  }, [resize.isDragging, field, setResizingField]);\n\n  const style: React.CSSProperties = {};\n  if (width !== undefined) {\n    style.width = width;\n    style.minWidth = width;\n    style.maxWidth = width;\n  }\n  if (pinned === \"left\" && pinOffset !== undefined) style.left = pinOffset;\n  if (pinned === \"right\" && pinOffset !== undefined) style.right = pinOffset;\n\n  const ariaSort: React.AriaAttributes[\"aria-sort\"] = sortable\n    ? sortDirection === \"asc\"\n      ? \"ascending\"\n      : sortDirection === \"desc\"\n        ? \"descending\"\n        : \"none\"\n    : undefined;\n\n  const isSorted = sortDirection === \"asc\" || sortDirection === \"desc\";\n\n  return (\n    <div\n      {...rootProps}\n      ref={setRefs}\n      role=\"columnheader\"\n      aria-sort={ariaSort}\n      data-pinned={pinned}\n      data-sort={sortDirection ?? undefined}\n      data-field={field}\n      data-purpose={purpose}\n      className={cn(\n        \"group/headcell\",\n        tableStyles({ pinned, align, sortable, density, cellBorders, purpose }).headCell(),\n        className,\n      )}\n      style={{ ...style, ...extraStyle }}\n      onClick={sortable ? onSortClick : undefined}\n    >\n      {Icon && <Icon className={styles.typeIcon()} size={13} strokeWidth={1.7} aria-hidden />}\n      <span\n        className={cn(\n          \"flex-1 min-w-0\",\n          align === \"center\"\n            ? \"flex items-center justify-center\"\n            : align === \"right\"\n              ? cn(\n                  \"truncate text-right\",\n                  // Reserva espaço pro headRightStack (absolute right-pad-md ~8px +\n                  // sort badge + sort indicator + headMenu button + gaps) quando há\n                  // algo a renderizar. Sem isso, o texto right-aligned é coberto pelo\n                  // stack quando aparece no hover (bg-bg-table-head do stack mascara).\n                  (sortable || headMenu) && \"pr-[60px]\",\n                )\n              : \"truncate text-left\",\n        )}\n      >\n        {children}\n      </span>\n      {/* Right stack absolute: sort + headMenu agrupados, larguras dinâmicas via hidden/flex.\n          Renderiza só se houver algo pra mostrar (sortable ou headMenu). */}\n      {(sortable || headMenu) && (\n        <span className={styles.headRightStack()}>\n          {isSorted && (\n            <span className={styles.headSortActive()}>\n              {sortIndex !== undefined && (\n                <span className={styles.sortBadge()}>{sortIndex}</span>\n              )}\n              <SortIndicator direction={sortDirection} />\n            </span>\n          )}\n          {sortable && !isSorted && (\n            <span className={styles.headSortHint()}>\n              <SortIndicator direction={null} />\n            </span>\n          )}\n          {headMenu && (\n            <span className={styles.headMenuItem()}>{headMenu}</span>\n          )}\n        </span>\n      )}\n      {resizable && (\n        <div\n          className={styles.resizeHandle()}\n          data-dragging={resize.isDragging}\n          // dnd-kit PointerSensor escuta onPointerDown (dispara ANTES de mousedown).\n          // Sem este stopPropagation, dragging do resize handle ativa o sortable\n          // do header em paralelo — coluna começa a \"voar\" enquanto o usuário\n          // tenta apenas redimensionar.\n          onPointerDown={(e) => e.stopPropagation()}\n          onMouseDown={resize.onMouseDown}\n          // click dispara depois de mouseup quando o cursor não andou muito —\n          // sem stopPropagation aqui, click no handle borbulha pro header e\n          // ativa onSortClick. mousedown/pointerdown stopPropagation NÃO\n          // impedem o click subsequente (são eventos separados).\n          onClick={(e) => e.stopPropagation()}\n          onMouseEnter={() => field && setResizingField(field)}\n          onMouseLeave={() => {\n            // So limpa se nao estiver em drag — drag continua marcado via useEffect\n            if (!resize.isDragging) setResizingField(null);\n          }}\n          aria-hidden\n        />\n      )}\n    </div>\n  );\n});\n\n/* ── Sort indicator interno ───────────────────────────────────────── */\n\nfunction SortIndicator({ direction }: { direction: SortDirection }) {\n  if (direction === \"asc\") return <ArrowUp className={styles.sortIcon()} aria-hidden />;\n  if (direction === \"desc\") return <ArrowDown className={styles.sortIcon()} aria-hidden />;\n  // Hint quando sortable && null — controlado por display no slot headSortHint (hidden → inline-flex no hover)\n  return <ArrowUpDown className={styles.sortIcon()} aria-hidden />;\n}\n","import { cn } from \"@/lib/utils\";\nimport type { MouseEvent, ReactNode } from \"react\";\nimport { tableStyles } from \"./table.styles\";\n\nconst styles = tableStyles();\n\nexport type TableCardRowProps = {\n  /** Conteúdo do header do card (esquerda). Normalmente checkbox + primary column. */\n  header?: ReactNode;\n  /** Conteúdo do canto superior direito do header. Normalmente actions/menu. */\n  headerActions?: ReactNode;\n  /** Itens label/value renderizados no body do card. */\n  items: ReadonlyArray<{\n    /** Label da coluna (mostrado acima do valor). */\n    label: ReactNode;\n    /** Valor renderizado. */\n    value: ReactNode;\n    /** Key opcional pro React. Default = index. */\n    key?: string | number;\n  }>;\n  selected?: boolean;\n  /**\n   * Row está em foco pra detalhe (ex: click abriu drawer com info). Visual idêntico ao `selected`\n   * (bg brand-tinted + strip lateral brand) — mas semanticamente independente: pode coexistir com `selected`.\n   * Use pra padrão de \"click row → abre detail panel\", mantendo seleção (checkbox) separada.\n   */\n  open?: boolean;\n  clickable?: boolean;\n  onClick?: (e: MouseEvent<HTMLDivElement>) => void;\n  className?: string;\n};\n\n/**\n * <TableCardRow> — renderização \"card vertical\" de uma linha pra mobile/container estreito.\n *\n * Layout:\n *   ┌─────────────────────────────────────┐\n *   │ {header}              {headerActions} │\n *   ├─────────────────────────────────────┤\n *   │ {label}: {value}                     │\n *   │ {label}: {value}                     │\n *   └─────────────────────────────────────┘\n */\nexport function TableCardRow({\n  header,\n  headerActions,\n  items,\n  selected = false,\n  open = false,\n  clickable,\n  onClick,\n  className,\n}: TableCardRowProps) {\n  const isClickable = clickable ?? !!onClick;\n  const highlighted = selected || open;\n  const dataState = selected && open\n    ? \"selected open\"\n    : selected\n      ? \"selected\"\n      : open\n        ? \"open\"\n        : undefined;\n\n  return (\n    <div\n      role=\"article\"\n      aria-selected={selected || undefined}\n      data-state={dataState}\n      className={cn(\n        tableStyles({ selected: highlighted, clickable: isClickable }).cardWrap(),\n        className,\n      )}\n      onClick={onClick}\n    >\n      <div className={styles.cardHeader()}>\n        <div className=\"flex items-center gap-gp-md min-w-0\">{header}</div>\n        {headerActions && (\n          <div className=\"flex items-center gap-gp-xs shrink-0\">{headerActions}</div>\n        )}\n      </div>\n\n      {items.length > 0 && (\n        <div className=\"flex flex-col gap-gp-md\">\n          {items.map((item, i) => (\n            <div key={item.key ?? i} className={styles.cardItem()}>\n              <span className={styles.cardLabel()}>{item.label}</span>\n              <span className={styles.cardValue()}>{item.value}</span>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check, Minus } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\n/**\n * Checkbox — alinhado com `.tbl-checkbox` do design-and-table-v2.\n *\n * Specs:\n *   - 16x16, border 1.5px border-input, radius 4px (radius-xs)\n *   - bg-input (light) / dark:bg-bg-muted\n *   - hover: border-default (mais visível)\n *   - checked/indeterminate: bg-brand + border-brand\n *   - check icon: branco (fg-on-brand)\n *   - focus: shadow-sh-ring (brand glow)\n */\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"peer relative flex size-4 shrink-0 items-center justify-center cursor-pointer\",\n      \"rounded-radius-xs\",\n      \"bg-bg-input dark:bg-bg-muted\",\n      \"border-[1.5px] border-border-input\",\n      \"transition-[background-color,border-color,box-shadow] outline-none\",\n      \"hover:border-border-default\",\n      \"focus-visible:shadow-sh-ring\",\n      \"disabled:cursor-not-allowed disabled:opacity-50\",\n      \"data-[state=checked]:bg-bg-brand data-[state=checked]:border-border-brand\",\n      \"data-[state=indeterminate]:bg-bg-brand data-[state=indeterminate]:border-border-brand\",\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn(\"grid place-content-center text-fg-on-brand\")}\n    >\n      {props.checked === \"indeterminate\" ? (\n        <Minus className=\"size-3\" strokeWidth={3} />\n      ) : (\n        <Check className=\"size-3\" strokeWidth={3} />\n      )}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n","import * as React from \"react\";\r\nimport { tv, type VariantProps } from \"@/utils/tv\";\r\n\r\n/**\r\n * Badge — pill/tag visual indicator alinhado com sandbox.\r\n *\r\n * Patterns suportados:\r\n *   - Counter (.tbl-page-count): default shape (radius-sm 6px), soft primary\r\n *   - Status chip (.chip): shape=\"pill\" (radius-full), soft + colored\r\n *   - Inline tag: default shape, qualquer cor\r\n *\r\n * API:\r\n *   color:   primary | secondary | critical | success | warning | info\r\n *   variant: solid | soft | outline | ghost\r\n *   size:    sm (20px) | md (24px, default) | lg (28px)\r\n *   shape:   default (radius 6px) | pill (radius full)\r\n */\r\nconst badgeVariants = tv({\r\n  base: [\r\n    \"inline-flex items-center justify-center\",\r\n    \"border border-transparent\",\r\n    \"font-semibold leading-none whitespace-nowrap\",\r\n    \"transition-colors\",\r\n    \"focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary\",\r\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n  ],\r\n\r\n  variants: {\r\n    color: {\r\n      primary: \"\",\r\n      secondary: \"\",\r\n      critical: \"\",\r\n      success: \"\",\r\n      warning: \"\",\r\n      info: \"\",\r\n    },\r\n\r\n    variant: {\r\n      solid: \"\",\r\n      soft: \"\",\r\n      outline: \"bg-transparent\",\r\n      ghost: \"bg-transparent border-transparent\",\r\n    },\r\n\r\n    size: {\r\n      sm: \"h-comp-2xs px-pad-sm text-caption-xs gap-gp-2xs [&_svg]:size-3\",     // 20px / 6 / 10\r\n      md: \"h-comp-xs px-pad-md text-body-xs gap-gp-xs [&_svg]:size-3.5\",  // 24px / 8 / 12 (default)\r\n      lg: \"h-comp-sm px-pad-lg text-body-sm font-normal gap-gp-sm [&_svg]:size-4\",      // 28px / 10 / 13\r\n    },\r\n\r\n    shape: {\r\n      default: \"rounded-radius-sm\",   // 6px — counter, value tags\r\n      pill: \"rounded-radius-full\",    // pill — status chips\r\n    },\r\n  },\r\n\r\n  compoundVariants: [\r\n    /* ── Primary (brand) ─────────────────────────────────────────────── */\r\n    { color: \"primary\", variant: \"solid\",   class: \"bg-bg-brand text-fg-on-brand\" },\r\n    { color: \"primary\", variant: \"soft\",    class: \"bg-bg-brand-subtle text-fg-brand\" },\r\n    { color: \"primary\", variant: \"outline\", class: \"border-border-brand text-fg-brand\" },\r\n    { color: \"primary\", variant: \"ghost\",   class: \"text-fg-brand\" },\r\n\r\n    /* ── Secondary (neutral) ─────────────────────────────────────────── */\r\n    { color: \"secondary\", variant: \"solid\",   class: \"bg-bg-emphasis text-fg-default\" },\r\n    { color: \"secondary\", variant: \"soft\",    class: \"bg-bg-muted text-fg-muted\" },\r\n    { color: \"secondary\", variant: \"outline\", class: \"border-border-default text-fg-default\" },\r\n    { color: \"secondary\", variant: \"ghost\",   class: \"text-fg-muted\" },\r\n\r\n    /* ── Critical (danger) ───────────────────────────────────────────── */\r\n    { color: \"critical\", variant: \"solid\",   class: \"bg-bg-danger text-fg-on-danger\" },\r\n    { color: \"critical\", variant: \"soft\",    class: \"bg-bg-danger-muted text-fg-danger\" },\r\n    { color: \"critical\", variant: \"outline\", class: \"border-border-danger-muted text-fg-danger\" },\r\n    { color: \"critical\", variant: \"ghost\",   class: \"text-fg-danger\" },\r\n\r\n    /* ── Success ─────────────────────────────────────────────────────── */\r\n    { color: \"success\", variant: \"solid\",   class: \"bg-bg-success text-fg-on-success\" },\r\n    { color: \"success\", variant: \"soft\",    class: \"bg-bg-success-muted text-fg-success\" },\r\n    { color: \"success\", variant: \"outline\", class: \"border-border-success-muted text-fg-success\" },\r\n    { color: \"success\", variant: \"ghost\",   class: \"text-fg-success\" },\r\n\r\n    /* ── Warning ─────────────────────────────────────────────────────── */\r\n    { color: \"warning\", variant: \"solid\",   class: \"bg-bg-warning text-fg-on-warning\" },\r\n    { color: \"warning\", variant: \"soft\",    class: \"bg-bg-warning-muted text-fg-warning\" },\r\n    { color: \"warning\", variant: \"outline\", class: \"border-border-warning-muted text-fg-warning\" },\r\n    { color: \"warning\", variant: \"ghost\",   class: \"text-fg-warning\" },\r\n\r\n    /* ── Info ────────────────────────────────────────────────────────── */\r\n    { color: \"info\", variant: \"solid\",   class: \"bg-bg-info text-fg-on-info\" },\r\n    { color: \"info\", variant: \"soft\",    class: \"bg-bg-info-muted text-fg-info\" },\r\n    { color: \"info\", variant: \"outline\", class: \"border-border-info-muted text-fg-info\" },\r\n    { color: \"info\", variant: \"ghost\",   class: \"text-fg-info\" },\r\n  ],\r\n\r\n  defaultVariants: {\r\n    color: \"secondary\",\r\n    variant: \"soft\",\r\n    size: \"md\",\r\n    shape: \"default\",\r\n  },\r\n});\r\n\r\nexport type BadgeVariantProps = VariantProps<typeof badgeVariants>;\r\n\r\nexport interface BadgeProps\r\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\r\n    BadgeVariantProps {\r\n  asChild?: boolean;\r\n}\r\n\r\nfunction Badge({ className, color, variant, size, shape, ...props }: BadgeProps) {\r\n  return (\r\n    <span\r\n      className={badgeVariants({ color, variant, size, shape, className })}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport { Badge, badgeVariants };\r\n"],"names":["tv","useState","useRef","useCallback","useEffect","createContext","useContext","styles","jsx","cn","forwardRef","TableRow","TableCell","TableHeadCell","jsxs","ArrowUp","ArrowDown","ArrowUpDown","React","CheckboxPrimitive","Minus","Check"],"mappings":"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"}

package/dist-lib/chunks/{chip-group-CsKBBHW2.cjs → chip-group-2-f_Yo7Y.cjs}

@@ -32,54 +32,36 @@ const twMerge = tailwindMerge.extendTailwindMerge({
     classGroups: {
       "font-size": [
         {
+          // Lista 1:1 com tokens/brands/default/semantic/typography.ts.
+          // Manter sincronizado com src/utils/tv.ts. Ver L-016.
           text: [
-            // Displays
+            // Displays (fluid clamp)
             "display-2xl",
             "display-xl",
             "display-lg",
             "display-md",
-            // Headings
+            // Headings (xs estático, sm-xl fluid clamp)
             "heading-xl",
             "heading-lg",
             "heading-md",
             "heading-sm",
             "heading-xs",
-            "heading-2xs",
-            // Titles
+            // Titles (weight 600 default)
             "title-lg",
             "title-md",
             "title-sm",
-            // Labels
-            "label-xl",
-            "label-lg",
-            "label-md",
-            "label-sm",
-            "label-xs",
-            // Paragraphs
-            "paragraph-xl",
-            "paragraph-lg",
-            "paragraph-md",
-            "paragraph-sm",
-            "paragraph-xs",
-            // Body
+            // Body (xs/sm = weight 500 interactive; md-2xl = 400 corrido)
+            "body-2xl",
+            "body-xl",
             "body-lg",
             "body-md",
             "body-sm",
-            "body-lg-medium",
-            "body-md-medium",
-            "body-sm-medium",
-            // Captions
+            "body-xs",
+            // Captions (weight 400)
             "caption-md",
             "caption-sm",
-            // Subheadings
-            "subheading-md",
-            "subheading-sm",
-            "subheading-xs",
-            "subheading-2xs",
-            // Overlines
-            "overline-md",
-            "overline-sm",
-            // Code
+            "caption-xs",
+            // Code (mono regular)
             "code-md",
             "code-sm"
           ]
@@ -154,48 +136,33 @@ const twMergeConfig = {
       "font-size": [
         {
           text: [
-            // Displays
+            // Displays (fluid clamp)
             "display-2xl",
             "display-xl",
             "display-lg",
             "display-md",
-            // Headings (heading-2xs removido — duplicata de title-lg)
+            // Headings (xs estático, sm-xl fluid clamp)
             "heading-xl",
             "heading-lg",
             "heading-md",
             "heading-sm",
             "heading-xs",
-            // Titles
+            // Titles (weight 600 default)
             "title-lg",
             "title-md",
             "title-sm",
-            // Labels (+ label-base 13px e label-2xs 11px)
-            "label-xl",
-            "label-lg",
-            "label-md",
-            "label-sm",
-            "label-base",
-            "label-xs",
-            "label-2xs",
-            // Paragraphs (+ paragraph-base 13px)
-            "paragraph-xl",
-            "paragraph-lg",
-            "paragraph-md",
-            "paragraph-sm",
-            "paragraph-base",
-            "paragraph-xs",
-            // Captions (+ caption-xs 10px)
+            // Body (xs/sm = weight 500 interactive; md-2xl = 400 corrido)
+            "body-2xl",
+            "body-xl",
+            "body-lg",
+            "body-md",
+            "body-sm",
+            "body-xs",
+            // Captions (weight 400)
             "caption-md",
             "caption-sm",
             "caption-xs",
-            // Subheadings (+ strong-md/sm com weight 700 + tracking apertado)
-            "subheading-md",
-            "subheading-sm",
-            "subheading-xs",
-            "subheading-2xs",
-            "subheading-strong-md",
-            "subheading-strong-sm",
-            // Code
+            // Code (mono regular)
             "code-md",
             "code-sm"
           ]
@@ -214,7 +181,7 @@ const buttonVariants = tv({
     "select-none whitespace-nowrap",
     "focus-visible:outline-none",
     "border border-transparent",
-    "text-[13px] font-semibold leading-none",
+    "text-body-sm font-semibold leading-none",
     // 13px / 600 — alinhado com sandbox btn
     "[&_svg]:shrink-0",
     // SVG não diminui; tamanho controlado por size
@@ -478,12 +445,12 @@ const chipVariants = tv({
   ],
   variants: {
     size: {
-      sm: "h-[24px] px-pad-md text-[11px] [&_svg]:size-[12px]",
-      md: "h-form-xs px-pad-lg text-[12px] [&_svg]:size-[12px]",
+      sm: "h-[24px] px-pad-md text-caption-sm [&_svg]:size-[12px]",
+      md: "h-form-xs px-pad-lg text-body-xs font-normal [&_svg]:size-[12px]",
       // 28px
-      lg: "h-form-sm px-pad-xl text-[13px] [&_svg]:size-[14px]",
+      lg: "h-form-sm px-pad-xl text-body-sm font-normal [&_svg]:size-[14px]",
       // 32px
-      xl: "h-form-md px-pad-xl text-[13px] [&_svg]:size-[14px]"
+      xl: "h-form-md px-pad-xl text-body-sm font-normal [&_svg]:size-[14px]"
       // 36px (= Button md)
     },
     /**
@@ -597,7 +564,7 @@ const chipVariants = tv({
 const chipCount = tv({
   base: [
     "inline-flex items-center justify-center min-w-[16px] h-[16px] px-[4px]",
-    "rounded-radius-full text-[10px] font-semibold leading-none",
+    "rounded-radius-full text-caption-xs font-semibold leading-none",
     "bg-bg-muted text-fg-default"
   ]
 });
@@ -793,4 +760,4 @@ exports.chipCount = chipCount;
 exports.chipVariants = chipVariants;
 exports.cn = cn;
 exports.tv = tv;
-//# sourceMappingURL=chip-group-CsKBBHW2.cjs.map
+//# sourceMappingURL=chip-group-2-f_Yo7Y.cjs.map