@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/base-ui/Table/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Table/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\n/** Own prefix so rc-table classNames never collide with antd's global `.ant-table` CSS. */\nexport const PREFIX_CLS = 'lobe-table';\n\nconst p = `.${PREFIX_CLS}`;\n\n// Cell padding comes from the size class through these vars, so title / footer / expanded rows\n// can reuse (and negate) it.\nconst PADDING_BLOCK = '--lobe-table-padding-block';\nconst PADDING_INLINE = '--lobe-table-padding-inline';\n\n// Matches antd's `zIndexTableFixed`.\nconst Z_FIXED = 2;\n\n// antd `expandColumnWidth`; nested tables start after it.\nexport const EXPAND_COLUMN_WIDTH = 48;\n\n// antd `selectionColumnWidth`, plus the `selections` trigger when there is one.\nexport const SELECTION_COLUMN_WIDTH = 32;\nexport const SELECTION_DROPDOWN_WIDTH = 24;\n\n/** Rows of this table's own sections only, so the rules never leak into nested tables. */\nconst ownRows = ['content', 'header', 'body', 'summary']\n  .map((section) => `& > ${p}-container > ${p}-${section} > table > * > tr`)\n  .join(', ');\nconst ownCells = (cell: string) =>\n  ownRows\n    .split(', ')\n    .map((row) => `${row} > ${cell}`)\n    .join(', ');\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  // Light colorFill / dark colorFillSecondary (see --lobe-fill-border in ThemeProvider).\n  const borderColor = `var(--lobe-fill-border, ${cssVar.colorFill})`;\n  const border = `1px solid ${borderColor}`;\n  // Dark: colorFillQuaternary on the clipped container; unset in light so variants keep their fills.\n  const surface = (light: string) => `var(--lobe-table-surface, ${light})`;\n  // Cell background. Every table root resets it to colorBgContainer (so nested / borderless\n  // tables never inherit it); outlined / filled switch it to transparent in dark.\n  const cellBg = `var(--lobe-table-cell, ${cssVar.colorBgContainer})`;\n  // The variant fill that opaque composites (fixed cells, sticky holder, summary) repeat\n  // once. Reset to transparent per root; outlined / filled set it to the dark surface.\n  const fill = 'var(--lobe-table-fill, transparent)';\n  // Row states: translucent fills on the cell only (never on tr), same for every variant,\n  // normal / fixed cells and the virtual body.\n  const hoverBg = cssVar.colorFillTertiary;\n  const selectedBg = `color-mix(in srgb, ${cssVar.colorPrimary} 6%, transparent)`;\n  const selectedHoverBg = `color-mix(in srgb, ${cssVar.colorPrimary} 10%, transparent)`;\n  // Fixed cells are see-through. Their frosted backdrop is not painted per cell (each box\n  // would blur on its own and show seams at every row): FixedFrost portals one sticky pane\n  // per fixed side into each scroll host (frostRail / frostStart / frostEnd below). The\n  // sticky header is a single element and blurs itself.\n  const frost = `\n    -webkit-backdrop-filter: blur(16px);\n    backdrop-filter: blur(16px);\n  `;\n  const variantVars = `\n    --lobe-table-cell: var(--lobe-table-cell-bg, ${cssVar.colorBgContainer});\n    --lobe-table-fill: var(--lobe-table-surface, transparent);\n  `;\n  const fixShadowBase = `\n    pointer-events: none;\n    content: '';\n    position: absolute;\n    inset-block: 0 -1px;\n    width: 30px;\n    transition: box-shadow ${cssVar.motionDurationSlow};\n  `;\n  const startShadow = `box-shadow: inset 10px 0 8px -8px ${cssVar.colorSplit};`;\n  const endShadow = `box-shadow: inset -10px 0 8px -8px ${cssVar.colorSplit};`;\n\n  return {\n    outlined: css`\n      &${p}-outlined {\n        ${variantVars}\n        /* The square root must not paint behind the rounded frame: the clipped container\n           is the ONE layer carrying the body (light colorBgContainer, dark\n           colorFillQuaternary). Title / footer are siblings, so they paint it once too. */\n        background: transparent;\n\n        & > ${p}-container {\n          background: ${surface(cssVar.colorBgContainer)};\n        }\n\n        & > ${p}-title, & > ${p}-footer {\n          background: ${surface(cssVar.colorBgContainer)};\n        }\n\n        & > ${p}-title {\n          border: ${border};\n          border-block-end: 0;\n          border-start-start-radius: ${cssVar.borderRadiusLG};\n          border-start-end-radius: ${cssVar.borderRadiusLG};\n        }\n\n        /* The container draws the full frame (incl. bottom). Last-row borders used to stand\n           in for the bottom edge, but with scroll.y / virtual the last row sits inside the\n           body viewport - overflow:clip + radius then eats that line at the rounded corners.\n           No column dividers (grouped headers included): rows are split horizontally only. */\n        & > ${p}-container {\n          overflow: clip;\n          border: ${border};\n          border-radius: ${cssVar.borderRadiusLG};\n\n          /* Same lift as the dashboard Surface card (both modes). Outer shadow on the framed\n             container is not clipped by its own overflow. */\n          box-shadow: rgb(0 0 0 / 4%) 0 1px 2px 0;\n        }\n\n        & > ${p}-title + ${p}-container {\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n\n        &:has(> ${p}-footer) > ${p}-container {\n          border-block-end: 0;\n          border-end-start-radius: 0;\n          border-end-end-radius: 0;\n        }\n\n        & > ${p}-footer {\n          border: ${border};\n          border-block-start: 0;\n          border-end-start-radius: ${cssVar.borderRadiusLG};\n          border-end-end-radius: ${cssVar.borderRadiusLG};\n        }\n\n        /* Every header row (including the last) draws one bottom edge — no inset\n           shadow underneath, or group headers look double-thick. */\n        & > ${p}-container > * > table > thead > tr > th {\n          border-block-end: ${border};\n\n          /* Extra FillQuaternary layer on top of the container fill. */\n          background: ${cellBg};\n          box-shadow: inset 0 999px 0 ${cssVar.colorFillQuaternary};\n        }\n\n        /* Fixed cells: see-through (container fill shows) + backdrop blur only. */\n        & ${p}-tbody > tr > td${p}-cell-fix, & ${p}-tbody-virtual ${p}-cell${p}-cell-fix {\n          background: transparent;\n          box-shadow: none;\n        }\n\n        /* Header: container fill + one Quaternary wash (box-shadow), like other th. */\n        & ${p}-thead > tr > th${p}-cell-fix, & ${p}-thead > tr > td${p}-cell-fix {\n          background: transparent;\n          box-shadow: inset 0 999px 0 ${cssVar.colorFillQuaternary};\n        }\n      }\n    `,\n\n    /* Mirrors Block \\`filled\\`: one colorFillTertiary (dark: colorFillQuaternary on the clipped\n       container) surface straight on the parent and no frame border. */\n    /* FixedFrost rail: absolute over the table (or the virtual row layer), z-index 1 puts it\n       above scrolling cells (z auto) and under fixed cells (z >= 2). */\n    frostRail: css`\n      pointer-events: none;\n\n      position: absolute;\n      z-index: 1;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n\n      display: flex;\n    `,\n    frostStart: css`\n      position: sticky;\n      inset-inline-start: 0;\n      flex: none;\n      height: 100%;\n      ${frost}\n    `,\n    frostEnd: css`\n      position: sticky;\n      inset-inline-end: 0;\n\n      flex: none;\n\n      height: 100%;\n      margin-inline-start: auto;\n      ${frost}\n    `,\n    filled: css`\n      &${p}-filled {\n        ${variantVars}\n        /* Filled owns its fill in both modes (Block filled = colorFillTertiary; dark uses the\n           Quaternary surface) and its opaque base is the page behind it, not colorBgContainer. */\n        --lobe-table-fill: var(--lobe-table-surface, ${cssVar.colorFillTertiary});\n\n        /* Root stays clear (square box, would bleed past the rounded corners); the clipped\n           container is the ONE fill layer: light FillTertiary, dark colorFillQuaternary. */\n        background: transparent;\n\n        & > ${p}-title, & > ${p}-footer {\n          border-radius: ${cssVar.borderRadiusLG};\n          background: ${fill};\n        }\n\n        & > ${p}-title {\n          border-end-start-radius: 0;\n          border-end-end-radius: 0;\n        }\n\n        & > ${p}-footer {\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n\n        & > ${p}-container {\n          overflow: clip;\n          border-radius: ${cssVar.borderRadiusLG};\n          background: ${fill};\n        }\n\n        & > ${p}-title + ${p}-container {\n          border-start-start-radius: 0;\n          border-start-end-radius: 0;\n        }\n\n        &:has(> ${p}-footer) > ${p}-container {\n          border-end-start-radius: 0;\n          border-end-end-radius: 0;\n        }\n\n        /* Header band: one extra FillQuaternary wash over the container fill. */\n        & ${p}-thead > tr > th,\n        & ${p}-thead > tr > td {\n          background: transparent;\n          box-shadow:\n            inset 0 -1px 0 ${borderColor},\n            inset 0 999px 0 ${cssVar.colorFillQuaternary};\n        }\n\n        /* Row dividers stay on (base border rule); body is clear over the container fill. */\n        & ${p}-tbody > tr > td,\n        & ${p}-tbody > tr > th,\n        & ${p}-tbody-virtual ${p}-cell {\n          background: transparent;\n        }\n\n        /* Fixed cells: see-through + blur; header keeps the same divider + wash as every th. */\n        & ${p}-thead > tr > th${p}-cell-fix, & ${p}-thead > tr > td${p}-cell-fix {\n          background: transparent;\n          box-shadow:\n            inset 0 -1px 0 ${borderColor},\n            inset 0 999px 0 ${cssVar.colorFillQuaternary};\n        }\n\n        & ${p}-tbody > tr > td${p}-cell-fix {\n          background: transparent;\n          box-shadow: none;\n        }\n      }\n    `,\n    /**\n     * Borderless: everything but the header is see-through, so the table sits on whatever\n     * surface hosts it. Hover / selected rows are translucent fills. Fixed (sticky) cells\n     * are see-through with a frosted backdrop so scrolled content stays obscured.\n     */\n    borderless: css`\n      && {\n        background: transparent;\n      }\n\n      && ${p}-tbody > tr > td,\n      && ${p}-tbody > tr > th,\n      && ${p}-tbody-virtual ${p}-cell, && ${p}-summary, && ${p}-summary > tr > td,\n      && ${p}-summary > tr > th,\n      && > ${p}-footer {\n        background: transparent;\n      }\n\n      && ${p}-tbody > tr > td${p}-cell-row-hover, && ${p}-tbody-virtual ${p}-row:hover > ${p}-cell {\n        background: ${hoverBg};\n      }\n\n      && ${p}-tbody > tr${p}-row-selected > td {\n        background: ${selectedBg};\n\n        &${p}-cell-row-hover {\n          background: ${selectedHoverBg};\n        }\n      }\n\n      &&\n        ${p}-tbody\n        > tr\n        > td${p}-cell-fix,\n        &&\n        ${p}-tbody\n        > tr\n        > th${p}-cell-fix,\n        &&\n        ${p}-tbody-virtual\n        ${p}-cell${p}-cell-fix {\n        background: transparent;\n      }\n\n      && ${p}-tbody > tr > td${p}-cell-fix${p}-cell-row-hover {\n        background: ${hoverBg};\n      }\n\n      && ${p}-tbody > tr${p}-row-selected > td${p}-cell-fix {\n        background: ${selectedBg};\n\n        &${p}-cell-row-hover {\n          background: ${selectedHoverBg};\n        }\n      }\n    `,\n    /**\n     * Grouped (multi-level) headers only: column dividers in header and body so the\n     * group spans stay readable. Plain tables never get vertical dividers.\n     */\n    grouped: css`\n      ${ownCells('th')}, ${ownCells('td')} {\n        border-inline-end: ${border};\n      }\n\n      & ${p}-tbody-virtual ${p}-cell {\n        border-inline-end: ${border};\n      }\n\n      /* Outlined: the container already draws the trailing edge. Other variants: the\n         rightmost body cell and first header row cell stop at the table edge. */\n      &:not(${p}-outlined) ${p}-tbody > tr > td:last-child,\n      &:not(${p}-outlined) ${p}-thead > tr:first-child > th:last-child,\n      &${p}-outlined ${p}-tbody > tr > td:last-child,\n      &${p}-outlined ${p}-thead > tr:first-child > th:last-child {\n        border-inline-end: 0;\n      }\n    `,\n    clickable: css`\n      cursor: pointer;\n    `,\n    /** Title text of an `ellipsis` column; truncates inside the sort button / header controls. */\n    columnTitle: css`\n      overflow: hidden;\n\n      min-width: 0;\n\n      text-overflow: ellipsis;\n      word-break: keep-all;\n      white-space: nowrap;\n    `,\n    filterActive: css`\n      &&,\n      &&:hover {\n        color: ${cssVar.colorPrimary};\n      }\n    `,\n    filterButton: css`\n      flex: none;\n      margin-block: -4px;\n    `,\n    filterButtons: css`\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      justify-content: space-between;\n\n      padding-block: 7px;\n      padding-inline: 8px;\n      border-block-start: 1px solid ${cssVar.colorSplit};\n    `,\n    filterCheckAll: css`\n      margin-block-end: 4px;\n      padding-inline: 4px;\n    `,\n    filterDropdown: css`\n      display: flex;\n      flex-direction: column;\n      min-width: 120px;\n    `,\n    filterEmpty: css`\n      padding-block: 16px;\n      padding-inline: 0;\n    `,\n    filterGroup: css`\n      display: flex;\n      flex-direction: column;\n\n      & > div:not(:first-child) {\n        padding-inline-start: 20px;\n      }\n    `,\n    filterGroupTitle: css`\n      padding-block: 5px;\n      padding-inline: 8px;\n      font-size: 12px;\n      color: ${cssVar.colorTextDescription};\n    `,\n    filterItem: css`\n      display: flex;\n      align-items: center;\n\n      padding-block: 5px;\n      padding-inline: 8px;\n      border-radius: ${cssVar.borderRadiusSM};\n\n      white-space: nowrap;\n\n      &:hover {\n        background: ${cssVar.colorFillTertiary};\n      }\n\n      & > label {\n        cursor: pointer;\n        flex: 1;\n      }\n    `,\n    filterMenu: css`\n      overflow: auto;\n      display: flex;\n      flex-direction: column;\n\n      max-height: 264px;\n      padding: 4px;\n    `,\n    filterPopup: css`\n      overflow: hidden;\n      padding: 0;\n    `,\n    filterSearch: css`\n      padding: 8px;\n      border-block-end: 1px solid ${cssVar.colorSplit};\n    `,\n    filterTree: css`\n      overflow: auto;\n      max-height: 264px;\n      padding: 8px;\n    `,\n    headerInner: css`\n      display: inline-flex;\n      gap: 6px;\n      align-items: center;\n\n      min-width: 0;\n      max-width: 100%;\n\n      vertical-align: middle;\n    `,\n    hoverable: css`\n      /* &&& outranks the variant cell rules (filled clear cells, transparent fixed cells). */\n      &&& ${p}-tbody > tr > ${p}-cell-row-hover, &&& ${p}-tbody-virtual ${p}-row:hover > ${p}-cell {\n        background: ${hoverBg};\n      }\n    `,\n    loading: css`\n      position: absolute;\n      z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 2);\n      inset: 0;\n\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      align-items: center;\n      justify-content: center;\n\n      color: ${cssVar.colorTextSecondary};\n\n      background: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);\n    `,\n    /**\n     * Empty-state loading body. Tracks follow leaf column widths so bars sit under the\n     * live header; cell padding reuses the size CSS vars on the table ancestor.\n     */\n    skeleton: css`\n      display: flex;\n      flex-direction: column;\n\n      width: 100%;\n      min-width: 0;\n\n      text-align: start;\n    `,\n    skeletonCell: css`\n      display: flex;\n      align-items: center;\n\n      min-width: 0;\n      padding-block: var(${PADDING_BLOCK});\n      padding-inline: var(${PADDING_INLINE});\n    `,\n    skeletonRow: css`\n      display: grid;\n      align-items: stretch;\n\n      width: 100%;\n      min-width: 0;\n      border-block-end: 1px solid ${borderColor};\n\n      &:last-child {\n        border-block-end: 0;\n      }\n    `,\n    // antd `paginationMargin` (token.margin): keep the pager off the table above and off\n    // whatever sits below the table.\n    pagination: css`\n      display: flex;\n      margin-block: 16px;\n    `,\n    paginationCenter: css`\n      justify-content: center;\n    `,\n    paginationEnd: css`\n      justify-content: flex-end;\n    `,\n    paginationStart: css`\n      justify-content: flex-start;\n    `,\n    paginationTop: css`\n      margin-block: 0 16px;\n    `,\n    root: css`\n      min-width: 0;\n    `,\n    /** Header box of the selection column; `selectionExtra` hangs off its end. */\n    selection: css`\n      position: relative;\n      display: inline-flex;\n      flex-direction: column;\n      vertical-align: middle;\n    `,\n    selectionColumn: css`\n      && {\n        padding-inline: 8px;\n        text-align: center;\n      }\n\n      & > * {\n        vertical-align: middle;\n      }\n    `,\n    selectionExtra: css`\n      position: absolute;\n      z-index: 1;\n      inset-block-start: 0;\n\n      display: flex;\n      align-items: center;\n\n      height: 100%;\n      margin-inline-start: 100%;\n      padding-inline-start: 2px;\n    `,\n    selectionRadioGroup: css`\n      display: inline-flex;\n      vertical-align: middle;\n    `,\n    selectionTrigger: css`\n      flex: none;\n      margin-block: -4px;\n    `,\n    sizeLarge: css`\n      ${PADDING_BLOCK}: 16px;\n      ${PADDING_INLINE}: 16px;\n\n      /* Same as VIRTUAL_ROW_HEIGHT in Table.tsx (padding * 2 + 22px line + 1px divider). */\n      --lobe-table-virtual-row-height: calc(16px * 2 + 23px);\n    `,\n    sizeMedium: css`\n      ${PADDING_BLOCK}: 12px;\n      ${PADDING_INLINE}: 16px;\n\n      /* Same as VIRTUAL_ROW_HEIGHT in Table.tsx (padding * 2 + 22px line + 1px divider). */\n      --lobe-table-virtual-row-height: calc(12px * 2 + 23px);\n    `,\n    sizeSmall: css`\n      ${PADDING_BLOCK}: 8px;\n      ${PADDING_INLINE}: 12px;\n\n      /* Same as VIRTUAL_ROW_HEIGHT in Table.tsx (padding * 2 + 22px line + 1px divider). */\n      --lobe-table-virtual-row-height: calc(8px * 2 + 23px);\n    `,\n    // Title + sort ActionIcon row (not a button — the ActionIcon owns the click).\n    sortButton: css`\n      display: inline-flex;\n      gap: 4px;\n      align-items: center;\n\n      min-width: 0;\n      max-width: 100%;\n    `,\n    // Matches the filter trigger: small ActionIcon with a slight negative margin so the\n    // 24px block does not grow the header.\n    sortCaret: css`\n      flex: none;\n      margin-block: -4px;\n    `,\n    sortTitle: css`\n      cursor: pointer;\n      min-width: 0;\n    `,\n    sortedColumn: css`\n      ${p}-tbody > tr > &${p}-cell {\n        background: ${cssVar.colorFillQuaternary};\n      }\n    `,\n    spinContainer: css`\n      position: relative;\n    `,\n    table: css`\n      /* Reset per root so nested / borderless tables never inherit a parent's variant vars. */\n      --lobe-table-cell: ${cssVar.colorBgContainer};\n      --lobe-table-fill: transparent;\n\n      font-size: 14px;\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorBgContainer};\n\n      & table {\n        border-spacing: 0;\n        border-collapse: separate;\n        width: 100%;\n        text-align: start;\n      }\n\n      /* ============================== Cell ============================== */\n      & ${p}-cell, & ${p}-thead > tr > th,\n      & ${p}-tbody > tr > td,\n      & tfoot > tr > th,\n      & tfoot > tr > td {\n        position: relative;\n\n        padding-block: var(${PADDING_BLOCK});\n        padding-inline: var(${PADDING_INLINE});\n\n        overflow-wrap: break-word;\n\n        /* The global \\`* { vertical-align: baseline }\\` reset drops the UA's middle for cells. */\n        vertical-align: middle;\n      }\n\n      /* Row-merged body cells (rowSpan > 1, table and virtual body alike) get vertical\n         dividers so the block reads apart from the neighbour rows' lines. Drawn on ::before\n         (::after is the fixed-column scroll shadow) so cell box-shadows stay untouched. The\n         first / last column skip the edge the frame or table edge already provides. */\n      & ${p}-tbody > tr > td[rowspan]:not([rowspan='0'], [rowspan='1'])::before,\n      & ${p}-tbody-virtual ${p}-cell[rowspan]:not([rowspan='0'], [rowspan='1'])::before {\n        pointer-events: none;\n        content: '';\n\n        position: absolute;\n        inset: 0;\n\n        border-inline: ${border};\n      }\n\n      & ${p}-tbody > tr > td[rowspan]:first-child::before,\n      & ${p}-tbody-virtual ${p}-cell[rowspan]:first-child::before {\n        border-inline-start: 0;\n      }\n\n      & ${p}-tbody > tr > td[rowspan]:last-child::before,\n      & ${p}-tbody-virtual ${p}-cell[rowspan]:last-child::before {\n        border-inline-end: 0;\n      }\n\n      & ${p}-thead > tr > th,\n      & ${p}-thead > tr > td {\n        font-size: 13px;\n        font-weight: 500;\n        color: ${cssVar.colorTextSecondary};\n        text-align: start;\n\n        /* Clear in dark (outlined) so the container fill shows; Quaternary is the extra header layer. */\n        background: ${cellBg};\n        box-shadow:\n          inset 0 -1px 0 ${borderColor},\n          inset 0 999px 0 ${cssVar.colorFillQuaternary};\n\n        &[colspan]:not([colspan='1']) {\n          text-align: center;\n        }\n      }\n\n      /* th covers rowScope row headers. */\n      & ${p}-tbody > tr > td,\n      & ${p}-tbody > tr > th {\n        border-block-end: ${border};\n\n        font-weight: inherit;\n        font-variant-numeric: tabular-nums;\n        text-align: start;\n\n        /* Clear in dark (outlined) so the container fill shows through. */\n        background: ${cellBg};\n\n        transition: background-color ${cssVar.motionDurationMid};\n      }\n\n      /* Filled / outlined drop the last body divider: filled because its fill is the edge,\n         outlined because the container now draws the frame bottom (avoids a double line, and\n         keeps the outline when scroll.y / virtual would otherwise scroll the last-row edge\n         away). Borderless keeps it as the closing rule under the rows. */\n      &${p}-filled ${p}-tbody > tr:last-child > td,\n      &${p}-filled ${p}-tbody > tr:last-child > th,\n      &${p}-outlined ${p}-tbody > tr:last-child > td,\n      &${p}-outlined ${p}-tbody > tr:last-child > th {\n        border-block-end: 0;\n      }\n\n      /* Borderless with a summary: tfoot draws its own top rule, so skip the last-row one. */\n      &${p}-borderless table:has(> tfoot) > ${p}-tbody > tr:last-child > td,\n      &${p}-borderless table:has(> tfoot) > ${p}-tbody > tr:last-child > th {\n        border-block-end: 0;\n      }\n\n      & ${p}-tbody > tr${p}-placeholder > td {\n        padding-block: 32px;\n        color: ${cssVar.colorTextDescription};\n        text-align: center;\n      }\n\n      /* Skeleton loading fills the placeholder like real body rows. */\n      & ${p}-tbody > tr${p}-placeholder > td:has([data-table-skeleton]) {\n        padding: 0;\n        color: inherit;\n        text-align: start;\n        vertical-align: top;\n      }\n\n      & ${p}-cell-scrollbar:not([rowspan]) {\n        box-shadow: 0 1px 0 1px ${cssVar.colorFillQuaternary};\n      }\n\n      /* ============================ Ellipsis ============================ */\n      & ${p}-cell-ellipsis {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        word-break: keep-all;\n        white-space: nowrap;\n\n        &${p}-cell-fix-start-shadow, &${p}-cell-fix-end-shadow {\n          overflow: visible;\n\n          & ${p}-cell-content {\n            overflow: hidden;\n            display: block;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n          }\n        }\n      }\n\n      /* ========================== Title / Footer ========================= */\n      & > ${p}-title, & > ${p}-footer {\n        padding-block: var(${PADDING_BLOCK});\n        padding-inline: var(${PADDING_INLINE});\n      }\n\n      & > ${p}-footer {\n        color: ${cssVar.colorText};\n        background: ${cssVar.colorFillQuaternary};\n      }\n\n      /* ============================== Fixed ============================= */\n      & ${p}-container {\n        position: relative;\n\n        &::before,\n        &::after {\n          ${fixShadowBase}\n          z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 1);\n        }\n\n        &::before {\n          inset-inline-start: 0;\n        }\n\n        &::after {\n          inset-inline-end: 0;\n        }\n      }\n\n      &${p}-has-fix-start > ${p}-container::before, &${p}-has-fix-end > ${p}-container::after {\n        display: none;\n      }\n\n      &${p}-fix-start-shadow-show > ${p}-container::before {\n        ${startShadow}\n      }\n\n      &${p}-fix-end-shadow-show > ${p}-container::after {\n        ${endShadow}\n      }\n\n      /* Must outrank the generic cell rule that sets position: relative. */\n      &\n        ${p}-thead\n        > tr\n        > th${p}-cell-fix,\n        &\n        ${p}-tbody\n        > tr\n        > td${p}-cell-fix,\n        &\n        ${p}-cell${p}-cell-fix {\n        position: sticky;\n        z-index: calc(var(--z-offset-reverse) + ${Z_FIXED});\n      }\n\n      & ${p}-cell-fix {\n        background: transparent;\n\n        &::after {\n          ${fixShadowBase}\n        }\n      }\n\n      & ${p}-cell-fix-start::after {\n        inset-inline-start: 100%;\n      }\n\n      & ${p}-cell-fix-end::after {\n        inset-inline-end: 100%;\n      }\n\n      & ${p}-cell-fix-start-shadow-show::after {\n        ${startShadow}\n      }\n\n      & ${p}-cell-fix-end-shadow-show::after {\n        ${endShadow}\n      }\n\n      /* ============================= Sticky ============================= */\n      & ${p}-sticky-holder {\n        position: sticky;\n        z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 1);\n        background: transparent;\n\n        /* The whole sticky header is one element, so it blurs as one continuous block. */\n        ${frost}\n      }\n\n      & ${p}-sticky-scroll {\n        position: sticky;\n        z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 1);\n        inset-block-end: 0;\n      }\n\n      /* ============================ Selection =========================== */\n      & ${p}-selection-col {\n        width: ${SELECTION_COLUMN_WIDTH}px;\n\n        &${p}-selection-col-with-dropdown {\n          width: ${SELECTION_COLUMN_WIDTH + SELECTION_DROPDOWN_WIDTH}px;\n        }\n      }\n\n      &${p}-outlined ${p}-selection-col {\n        width: ${SELECTION_COLUMN_WIDTH + 16}px;\n\n        &${p}-selection-col-with-dropdown {\n          width: ${SELECTION_COLUMN_WIDTH + SELECTION_DROPDOWN_WIDTH + 16}px;\n        }\n      }\n\n      /* The table css carries no hoverable class, so use a fourth & to outrank hover too. */\n      &&&& ${p}-tbody > tr${p}-row-selected > td {\n        background: ${selectedBg};\n\n        &${p}-cell-row-hover {\n          background: ${selectedHoverBg};\n        }\n      }\n\n      /* ========================= Expand / Tree ========================== */\n      & ${p}-expand-icon-col {\n        width: ${EXPAND_COLUMN_WIDTH}px;\n      }\n\n      & ${p}-row-expand-icon-cell {\n        text-align: center;\n\n        & ${p}-row-expand-icon {\n          float: none;\n          display: inline-flex;\n          vertical-align: sub;\n        }\n      }\n\n      & ${p}-row-indent {\n        float: inline-start;\n        height: 1px;\n      }\n\n      & ${p}-row-expand-icon {\n        float: inline-start;\n        flex: none;\n        vertical-align: middle;\n\n        &${p}-row-expand-icon-spaced {\n          display: inline-block;\n          width: 24px;\n          height: 24px;\n          visibility: hidden;\n        }\n      }\n\n      & ${p}-row-indent + ${p}-row-expand-icon {\n        margin-block: -1px;\n        margin-inline-end: 8px;\n      }\n\n      & tr${p}-expanded-row > td,\n      & tr${p}-expanded-row:hover > td {\n        background: ${cssVar.colorFillQuaternary};\n      }\n\n      & ${p}-expanded-row-fixed {\n        position: relative;\n\n        margin-block: calc(var(${PADDING_BLOCK}) * -1);\n        margin-inline: calc(var(${PADDING_INLINE}) * -1);\n        padding-block: var(${PADDING_BLOCK});\n        padding-inline: var(${PADDING_INLINE});\n      }\n\n      /* ========================== Nested table ========================== */\n\n      /* A table alone in a cell fills it, starting after the expand column. */\n      &\n        ${p}-tbody\n        > tr\n        > td\n        > ${p}-wrapper:only-child,\n        &\n        ${p}-tbody\n        > tr\n        > td\n        > ${p}-expanded-row-fixed\n        > ${p}-wrapper:only-child {\n        & ${p} {\n          margin-block: calc(var(${PADDING_BLOCK}) * -1);\n          margin-inline: calc(${EXPAND_COLUMN_WIDTH}px - var(${PADDING_INLINE}))\n            calc(var(${PADDING_INLINE}) * -1);\n        }\n\n        & ${p}-tbody > tr:last-child > td {\n          border-block-end: 0;\n        }\n\n        /* The outer cell already draws the frame: keep only the start edge of a bordered nest. */\n        & ${p}${p}-outlined {\n          & > ${p}-title, & > ${p}-container, & > ${p}-footer {\n            border-block: 0;\n            border-inline-end: 0;\n            border-radius: 0;\n            box-shadow: none;\n          }\n\n          & > ${p}-title + ${p}-container {\n            border-block-start: ${border};\n          }\n\n          &:has(> ${p}-footer) > ${p}-container {\n            border-block-end: ${border};\n          }\n        }\n      }\n\n      &${p}-outlined ${p}-tbody > tr > td > ${p}-expanded-row-fixed {\n        margin-inline: calc((var(${PADDING_INLINE}) + 1px) * -1);\n      }\n\n      /* ============================= Summary ============================ */\n      & ${p}-summary {\n        position: relative;\n        z-index: ${Z_FIXED};\n\n        /* See-through; a sticky summary is a sticky holder and gets its frost there. */\n        background: transparent;\n\n        & > tr > th,\n        & > tr > td {\n          border-block-end: ${border};\n        }\n      }\n\n      & div${p}-summary {\n        box-shadow: 0 -1px 0 ${borderColor};\n      }\n\n      /* A fixed summary under \\`sticky\\` is a sticky holder too; keep it sticky (antd orders sticky last). */\n      & ${p}-summary${p}-sticky-holder {\n        position: sticky;\n        z-index: calc(var(--columns-count, 1) * 2 + ${Z_FIXED} + 1);\n      }\n\n      & tfoot > tr > th,\n      & tfoot > tr > td {\n        border-block-start: ${border};\n      }\n\n      /* ============================= Virtual ============================ */\n      & ${p}-tbody-virtual {\n        &\n          ${p}-tbody-virtual-holder-inner\n          > ${p}-row,\n          &\n          ${p}-tbody-virtual-holder-inner\n          > div:not(${p}-row)\n          > ${p}-row {\n          display: flex;\n          box-sizing: border-box;\n          width: 100%;\n\n          /* Virtual rows are locked to the listItemHeight estimate (an integer). Measured\n             heights then equal the estimate, so a rowSpan cell (height = summed row sizes)\n             ends exactly on the neighbour rows' divider instead of drifting by sub-pixel\n             rounding or unmeasured-row estimates. */\n          &:not(${p}-row-extra, ${p}-expanded-row) {\n            height: var(--lobe-table-virtual-row-height);\n          }\n\n          & > ${p}-cell {\n            align-content: center;\n          }\n        }\n\n        & ${p}-cell {\n          border-block-end: ${border};\n          background: ${cellBg};\n          transition: background-color ${cssVar.motionDurationMid};\n        }\n\n        & ${p}-expanded-row ${p}-expanded-row-cell${p}-expanded-row-cell-fixed {\n          position: sticky;\n          inset-inline-start: 0;\n          overflow: hidden;\n          width: calc(var(--virtual-width) - 1px);\n        }\n      }\n    `,\n  };\n});\n"],"mappings":"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"}

package/es/base-ui/Table/type.d.mts

@@ -1,518 +0,0 @@
-import { TooltipProps } from "../Tooltip/type.mjs";
-import { PopoverPlacement } from "../Popover/type.mjs";
-import { PaginationProps, PaginationSemanticName } from "../Pagination/type.mjs";
-import { SpinProps } from "../Spin/type.mjs";
-import { CheckboxProps } from "../Checkbox/type.mjs";
-import { AriaAttributes, CSSProperties, ComponentProps, HTMLAttributes, Key, MouseEvent, ReactNode, Ref, TdHTMLAttributes, ThHTMLAttributes, UIEventHandler } from "react";
-import { ColumnType, Reference, RenderedCell, Summary, TableProps } from "@rc-component/table";
-//#region src/base-ui/Table/type.d.ts
-/** `null` (or `undefined`) means unsorted. */
-type TableVariant = 'filled' | 'outlined' | 'borderless';
-type SortOrder = 'ascend' | 'descend' | null;
-/** The third argument is the order being applied; return the ascending comparison either way. */
-type TableCompareFn<T> = (a: T, b: T, sortOrder?: SortOrder) => number;
-/**
- * `true` sorts on the server (row order is left alone), a function sorts locally, and
- * `{ compare, multiple }` joins a multi-column sort where a higher `multiple` takes priority.
- */
-type TableColumnSorter<T> = boolean | TableCompareFn<T> | {
-  compare?: TableCompareFn<T>;
-  multiple?: number;
-};
-/** Tooltip options for the sort trigger; `target` picks the whole header or just the icon. */
-type TableSorterTooltipProps = Partial<Omit<TooltipProps, 'children'>> & {
-  /** @default 'full-header' */
-  target?: 'full-header' | 'sorter-icon';
-};
-type FilterValue = string | number | boolean;
-/** A filter option; `children` nests options (a submenu, or tree nodes with `filterMode: 'tree'`). */
-interface TableColumnFilterItem {
-  children?: TableColumnFilterItem[];
-  text: ReactNode;
-  value: FilterValue;
-}
-/** Argument of a function `filterDropdown`; mirrors antd `FilterDropdownProps`. */
-interface TableFilterDropdownProps {
-  /** Drops the panel's draft selection and applies `selectedKeys`. */
-  clearFilters?: (params?: {
-    closeDropdown?: boolean;
-    confirm?: boolean;
-  }) => void;
-  close: () => void;
-  /** Applies `selectedKeys`; closes the panel unless `closeDropdown` is `false`. */
-  confirm: (params?: {
-    closeDropdown?: boolean;
-  }) => void;
-  filters?: TableColumnFilterItem[];
-  /** Class prefix for custom panels (kept for antd parity). */
-  prefixCls: string;
-  /** Draft selection, applied by `confirm`. */
-  selectedKeys: Key[];
-  setSelectedKeys: (selectedKeys: Key[]) => void;
-  visible: boolean;
-}
-/** Options of the filter popup (antd `filterDropdownProps`, a subset of `DropdownProps`). */
-interface TableFilterDropdownPopupProps {
-  className?: string;
-  /** @deprecated use `popupRender` */
-  dropdownRender?: (menu: ReactNode) => ReactNode;
-  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-  onOpenChange?: (open: boolean) => void;
-  /** Controlled open state. */
-  open?: boolean;
-  /** @default 'bottomRight' */
-  placement?: PopoverPlacement;
-  /** Wraps the panel content. */
-  popupRender?: (menu: ReactNode) => ReactNode;
-  rootClassName?: string;
-  style?: CSSProperties;
-  zIndex?: number;
-}
-/** antd / Grid breakpoints, from widest to narrowest. */
-type TableBreakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-/** `true` and `'left'` pin to the start edge, `'right'` to the end edge. */
-type TableColumnFixed = boolean | 'start' | 'end' | 'left' | 'right';
-type TableColumnEllipsis = boolean | {
-  showTitle?: boolean;
-};
-/** Arguments of a function `title`; mirrors antd `ColumnTitleProps`. */
-interface TableColumnTitleProps<T> {
-  filters?: TableFilters;
-  /** @deprecated use `sortColumns` */
-  sortColumn?: TableColumn<T>;
-  sortColumns?: {
-    column: TableColumn<T>;
-    order?: SortOrder;
-  }[];
-  /** @deprecated use `sortColumns` */
-  sortOrder?: SortOrder;
-}
-type TableColumnTitle<T> = ReactNode | ((props: TableColumnTitleProps<T>) => ReactNode);
-/** `render` may return a cell with `props.colSpan` / `props.rowSpan` (0 skips the cell). */
-type TableRenderedCell<T> = RenderedCell<T>;
-type TableCellAttributes = TdHTMLAttributes<HTMLTableCellElement> & Record<`data-${string}`, unknown>;
-type TableHeaderCellAttributes = ThHTMLAttributes<HTMLTableCellElement> & Record<`data-${string}`, unknown>;
-interface TableColumnType<T> {
-  /** `start` / `end` follow the writing direction. */
-  align?: ColumnType<T>['align'];
-  className?: string;
-  /** Header colSpan; `0` hides the header cell. */
-  colSpan?: number;
-  /** A key of the record, or a path into nested records such as `['address', 'city']`. */
-  dataIndex?: NoInfer<ColumnType<T>['dataIndex']>;
-  /** Initial filter of an uncontrolled column. */
-  defaultFilteredValue?: FilterValue[] | null;
-  /** Initial sort; several columns may set it when their sorters use `multiple`. */
-  defaultSortOrder?: SortOrder;
-  /** Truncate overflowing cells (and the header). `showTitle: false` drops the native tooltip. */
-  ellipsis?: TableColumnEllipsis;
-  /** Replaces the filter panel; a function receives the panel state and actions. */
-  filterDropdown?: ReactNode | ((props: TableFilterDropdownProps) => ReactNode);
-  /** @deprecated use `filterDropdownProps.open` */
-  filterDropdownOpen?: boolean;
-  /** Options of the filter popup, such as a controlled `open` / `onOpenChange`. */
-  filterDropdownProps?: TableFilterDropdownPopupProps;
-  /** Forces the filter icon's active state. */
-  filtered?: boolean;
-  /** Controlled filter; setting it on any column controls every column's filter. */
-  filteredValue?: FilterValue[] | null;
-  filterIcon?: ReactNode | ((filtered: boolean) => ReactNode);
-  /** `tree` renders `filters` (and their `children`) as a checkable tree. @default 'menu' */
-  filterMode?: 'menu' | 'tree';
-  /** `false` picks a single value (radio). @default true */
-  filterMultiple?: boolean;
-  /** Apply the draft selection when the panel closes without OK. @default true */
-  filterOnClose?: boolean;
-  /** Reset returns to `defaultFilteredValue` instead of clearing. */
-  filterResetToDefaultFilteredValue?: boolean;
-  filters?: TableColumnFilterItem[];
-  /** Search box above the options; a function decides whether an option matches the input. */
-  filterSearch?: boolean | ((input: string, item: TableColumnFilterItem) => boolean);
-  fixed?: TableColumnFixed;
-  /** Remove the column without unmounting the table's sort / filter state. */
-  hidden?: boolean;
-  key?: Key;
-  /** Minimum width when `tableLayout` is `auto`. */
-  minWidth?: number;
-  /** `colSpan` / `rowSpan` of `0` skip the cell. */
-  onCell?: (record: T, index: number) => TableCellAttributes;
-  onFilter?: (value: FilterValue, record: T) => boolean;
-  /** @deprecated use `filterDropdownProps.onOpenChange` */
-  onFilterDropdownOpenChange?: (open: boolean) => void;
-  onHeaderCell?: (column: TableColumn<T>) => TableHeaderCellAttributes;
-  render?: (value: any, record: T, index: number) => ReactNode | TableRenderedCell<T>;
-  /** Only show the column at these breakpoints. */
-  responsive?: TableBreakpoint[];
-  /** Render the cells as `<th scope>` row headers. */
-  rowScope?: 'row' | 'rowgroup';
-  /** Return `false` to skip re-rendering a cell when its record changes. */
-  shouldCellUpdate?: (record: T, prevRecord: T) => boolean;
-  /** Overrides the table-level `showSorterTooltip`. */
-  showSorterTooltip?: boolean | TableSorterTooltipProps;
-  /** Orders a header click cycles through before returning to unsorted. Overrides the table's. */
-  sortDirections?: SortOrder[];
-  sorter?: TableColumnSorter<T>;
-  /** Replaces the default sort carets. */
-  sortIcon?: (props: {
-    sortOrder: SortOrder;
-  }) => ReactNode;
-  /** Controlled sort order; `null` is unsorted. Setting it on any column controls the whole sort. */
-  sortOrder?: SortOrder;
-  title?: TableColumnTitle<T>;
-  width?: number | string;
-}
-/** A header group: renders `title` above its `children` columns. */
-interface TableColumnGroupType<T> extends Omit<TableColumnType<T>, 'dataIndex'> {
-  children: TableColumnsType<T>;
-}
-type TableColumn<T> = TableColumnGroupType<T> | TableColumnType<T>;
-type TableColumnsType<T> = TableColumn<T>[];
-/** `indent` is the tree depth of the row (`0` for top-level records). */
-type TableRowClassName<T> = (record: T, index: number, indent: number) => string;
-type TableExpandedRowRender<T> = (record: T, index: number, indent: number, expanded: boolean) => ReactNode;
-/** Argument of `expandable.expandIcon`; mirrors antd / rc-table `RenderExpandIconProps`. */
-interface TableExpandIconProps<T> {
-  /** `false` for rows that cannot expand (`rowExpandable`, or tree leaves); render a spacer. */
-  expandable: boolean;
-  expanded: boolean;
-  onExpand: (record: T, event: MouseEvent<HTMLElement>) => void;
-  prefixCls: string;
-  record: T;
-}
-/** Expandable rows and tree data; mirrors antd `ExpandableConfig`. */
-interface TableExpandableConfig<T> {
-  /** Field holding a record's tree children. @default 'children' */
-  childrenColumnName?: string;
-  /** Header of the expand column. */
-  columnTitle?: ReactNode;
-  /** Width of the expand column. @default 48 */
-  columnWidth?: number | string;
-  /** Expand every row (tree rows included) on mount. */
-  defaultExpandAllRows?: boolean;
-  /** Initially expanded row keys (uncontrolled). */
-  defaultExpandedRowKeys?: readonly Key[];
-  expandedRowClassName?: string | TableRowClassName<T>;
-  /** Controlled expanded row keys. */
-  expandedRowKeys?: readonly Key[];
-  /** @deprecated use `Table.EXPAND_COLUMN` in `columns` */
-  expandedRowOffset?: number;
-  /** Content of the row expanded under a record. */
-  expandedRowRender?: TableExpandedRowRender<T>;
-  expandIcon?: (props: TableExpandIconProps<T>) => ReactNode;
-  /** @deprecated use `Table.EXPAND_COLUMN` in `columns` */
-  expandIconColumnIndex?: number;
-  /** Toggle a row by clicking anywhere on it. */
-  expandRowByClick?: boolean;
-  /** Pin the expand column. */
-  fixed?: TableColumnFixed;
-  /** Render collapsed expanded rows too (hidden). */
-  forceRender?: boolean;
-  /** Indent in px per tree level. @default 15 */
-  indentSize?: number;
-  onExpand?: (expanded: boolean, record: T) => void;
-  onExpandedRowsChange?: (expandedKeys: readonly Key[]) => void;
-  /** Return `false` to hide a record's expand icon. */
-  rowExpandable?: (record: T) => boolean;
-  /** @default true */
-  showExpandColumn?: boolean;
-}
-type TableRowSelectionType = 'checkbox' | 'radio';
-/** `info.type` of `rowSelection.onChange`: what changed the selection. */
-type TableRowSelectMethod = 'all' | 'none' | 'invert' | 'single' | 'multiple';
-/** Props a row's (or the header's) selection box takes; `checked` follows `selectedRowKeys`. */
-type TableRowSelectionCheckboxProps = Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked'>> & AriaAttributes;
-/** A custom entry of the `selections` dropdown. */
-interface TableSelectionItem {
-  key: string;
-  /** Receives the keys of every selectable row on the current page. */
-  onSelect?: (changeableRowKeys: Key[]) => void;
-  text: ReactNode;
-}
-/** `Table.SELECTION_ALL` / `SELECTION_INVERT` / `SELECTION_NONE`. */
-type TableSelectionPreset = 'SELECT_ALL' | 'SELECT_INVERT' | 'SELECT_NONE';
-/** Row selection; mirrors antd `TableRowSelection`. */
-interface TableRowSelection<T> {
-  /** Alignment of the selection column. */
-  align?: 'left' | 'center' | 'right';
-  /** `false` links tree parents and children (checking a parent checks its descendants). @default true */
-  checkStrictly?: boolean;
-  /** Replaces the header; a function receives the default select-all checkbox. */
-  columnTitle?: ReactNode | ((checkboxNode: ReactNode) => ReactNode);
-  /** @default 32 */
-  columnWidth?: number | string;
-  defaultSelectedRowKeys?: Key[];
-  /** Pin the selection column; defaults to the `fixed` of its neighbour column. */
-  fixed?: TableColumnFixed;
-  /** Per-row checkbox props, such as `disabled` or `name`. */
-  getCheckboxProps?: (record: T) => TableRowSelectionCheckboxProps;
-  /** Props of the header select-all checkbox. */
-  getTitleCheckboxProps?: () => TableRowSelectionCheckboxProps;
-  /** Hide the select-all checkbox and the `selections` dropdown. */
-  hideSelectAll?: boolean;
-  onCell?: (record: T, index: number) => TableCellAttributes;
-  onChange?: (selectedRowKeys: Key[], selectedRows: T[], info: {
-    type: TableRowSelectMethod;
-  }) => void;
-  /** A single row was (de)selected. */
-  onSelect?: (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
-  /** @deprecated use `onChange` */
-  onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
-  /** @deprecated use `onChange` */
-  onSelectInvert?: (selectedRowKeys: Key[]) => void;
-  /** @deprecated use `onChange` (Shift-click range selection, `info.type === 'multiple'`) */
-  onSelectMultiple?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
-  /** @deprecated use `onChange` */
-  onSelectNone?: () => void;
-  /** Keep selected keys whose records left `dataSource` (server paging). */
-  preserveSelectedRowKeys?: boolean;
-  /** Wrap or replace a row's selection box; may return `{ children, props }` to span cells. */
-  renderCell?: (value: boolean, record: T, index: number, originNode: ReactNode) => ReactNode | TableRenderedCell<T>;
-  /** Controlled selected keys. */
-  selectedRowKeys?: Key[];
-  /** Dropdown beside the select-all checkbox; `true` gives all / invert / none. */
-  selections?: (TableSelectionItem | TableSelectionPreset)[] | boolean;
-  /** @default 'checkbox' */
-  type?: TableRowSelectionType;
-}
-type TablePaginationPlacement = 'topStart' | 'topCenter' | 'topEnd' | 'bottomStart' | 'bottomCenter' | 'bottomEnd' | 'none';
-/** @deprecated use `TablePaginationPlacement` */
-type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'none';
-/** antd `TablePaginationConfig`: `base-ui/Pagination` props plus where to place the pager. */
-interface TablePaginationConfig extends Omit<PaginationProps, 'onChange' | 'onPageSizeChange' | 'ref' | 'total'> {
-  onChange?: (page: number, pageSize: number) => void;
-  onShowSizeChange?: (current: number, size: number) => void;
-  /** Pager positions; one top and/or one bottom entry. @default ['bottomEnd'] */
-  placement?: TablePaginationPlacement[];
-  /** @deprecated use `placement` */
-  position?: TablePaginationPosition[];
-  /** Server-side total; omitted means the (filtered) `dataSource` length. */
-  total?: number;
-}
-/** The fourth `onChange` argument. */
-interface TableCurrentDataSource<T> {
-  action: 'paginate' | 'sort' | 'filter';
-  /** Every record after filtering and sorting (not just the current page). */
-  currentDataSource: T[];
-}
-interface TableSorterResult<T> {
-  /** The sorted (leaf) column. */
-  column?: TableColumnType<T>;
-  columnKey?: Key;
-  /** The column's `dataIndex`. */
-  field?: Key | readonly Key[];
-  /** `undefined` when nothing is sorted; never `null` here. */
-  order?: Exclude<SortOrder, null>;
-}
-/**
- * `onChange`'s `sorter` while several `multiple` sorters are active: the array of results, which
- * also carries the first entry's `column` / `columnKey` / `field` / `order` (non-enumerable), so code
- * written for a single sorter (`sorter.order`) keeps working. Narrow with `Array.isArray(sorter)`.
- */
-type TableMultipleSorterResult<T> = TableSorterResult<T>[] & TableSorterResult<T>;
-type TableFilters = Record<string, FilterValue[] | null>;
-/** Parts of the header / body sections: `wrapper` is the `thead` / `tbody`, then `row` (tr) and `cell` (th / td). */
-type TableComponentsSemanticName = 'cell' | 'row' | 'wrapper';
-/** Top-level keys of the semantic `classNames` / `styles` (antd 6 Semantic DOM). */
-type TableSemanticName = 'body' | 'content' | 'footer' | 'header' | 'pagination' | 'root' | 'section' | 'title';
-/** Flat keys from before the antd 6 structure; still accepted. */
-type TableLegacySemanticName = 'body' | 'cell' | 'header' | 'row' | 'wrapper';
-/**
- * antd 6 Semantic DOM class names. `root` is the outer div, `section` the table container,
- * `content` the scroll box, `title` / `footer` the title and footer bars.
- */
-interface TableClassNames {
-  /** A string is the legacy flat key: the `tbody` (`body.wrapper`). */
-  body?: string | Partial<Record<TableComponentsSemanticName, string>>;
-  /** @deprecated use `body.cell` */
-  cell?: string;
-  content?: string;
-  footer?: string;
-  /** A string is the legacy flat key: every header cell (`header.cell`). */
-  header?: string | Partial<Record<TableComponentsSemanticName, string>>;
-  pagination?: Partial<Record<PaginationSemanticName, string>>;
-  root?: string;
-  /** @deprecated use `body.row` */
-  row?: string;
-  section?: string;
-  title?: string;
-  /** @deprecated use `section` */
-  wrapper?: string;
-}
-/**
- * antd 6 Semantic DOM styles, keyed like `TableClassNames`. A `header` / `body` object without
- * `wrapper` / `row` / `cell` keys is the legacy flat style (`header.cell` / `body.wrapper`).
- */
-interface TableStyles {
-  body?: CSSProperties | Partial<Record<TableComponentsSemanticName, CSSProperties>>;
-  /** @deprecated use `body.cell` */
-  cell?: CSSProperties;
-  content?: CSSProperties;
-  footer?: CSSProperties;
-  header?: CSSProperties | Partial<Record<TableComponentsSemanticName, CSSProperties>>;
-  pagination?: Partial<Record<PaginationSemanticName, CSSProperties>>;
-  root?: CSSProperties;
-  /** @deprecated use `body.row` */
-  row?: CSSProperties;
-  section?: CSSProperties;
-  title?: CSSProperties;
-  /** @deprecated use `section` */
-  wrapper?: CSSProperties;
-}
-/** antd `classNames` / `styles` function form: computed from the table's props. */
-type TableSemanticInfo<T> = {
-  props: TableProps$1<T>;
-};
-/** antd `TableLocale`. Unset fields fall back to the `table.*` texts of `@lobehub/ui/i18n`. */
-interface TableLocale {
-  cancelSort?: string;
-  collapse?: string;
-  /** Rendered instead of the default empty state; a function is called on render. */
-  emptyText?: ReactNode | (() => ReactNode);
-  expand?: string;
-  filterCheckAll?: ReactNode;
-  /** @deprecated use `filterCheckAll` */
-  filterCheckall?: ReactNode;
-  filterConfirm?: ReactNode;
-  filterEmptyText?: ReactNode;
-  filterReset?: ReactNode;
-  filterSearchPlaceholder?: string;
-  filterTitle?: string;
-  /** Accessible label of the header select-all checkbox. */
-  selectAll?: ReactNode;
-  /** Text of the `Table.SELECTION_INVERT` preset. */
-  selectInvert?: ReactNode;
-  /** Text of the `Table.SELECTION_ALL` preset. */
-  selectionAll?: ReactNode;
-  /** Text of the `Table.SELECTION_NONE` preset. */
-  selectNone?: ReactNode;
-  /** Native `title` of the sorter when `showSorterTooltip` is off. */
-  sortTitle?: string;
-  triggerAsc?: string;
-  triggerDesc?: string;
-}
-/** `middle` is kept as an alias of `medium` (antd v5 naming). */
-type TableSize = 'large' | 'medium' | 'middle' | 'small';
-/** Spin options for the loading overlay; `spinning` defaults to `true` when an object is passed. */
-type TableLoadingConfig = Omit<SpinProps, 'children' | 'ref'>;
-/** Override the rendered table, header and body elements (antd `components`). */
-type TableComponents<T> = NonNullable<TableProps<T>['components']>;
-/** `index` / `key` scroll a row into view (`align`, then `offset` px); `top` scrolls to a pixel offset. */
-type TableScrollToConfig = Parameters<Reference['scrollTo']>[0];
-/**
- * Page-level sticky header (and horizontal scrollbar).
- * `offsetHeader` / `offsetSummary` / `offsetScroll` are the distances from the container's top /
- * bottom edges; `getContainer` is the scroll container. @default window
- */
-interface TableSticky {
-  getContainer?: () => Window | HTMLElement;
-  offsetHeader?: number;
-  offsetScroll?: number;
-  offsetSummary?: number;
-}
-/** `fixed`: `true` / `'bottom'` pins the summary under a scrolling body, `'top'` above it. */
-type TableSummaryProps = ComponentProps<typeof Summary>;
-type TableSummaryRowProps = ComponentProps<typeof Summary.Row>;
-/** `index` is the start column; `colSpan` / `rowSpan` / `align` as on a `td`. */
-type TableSummaryCellProps = ComponentProps<typeof Summary.Cell>;
-/** antd `Table` ref: the root element, plus `nativeElement` and a body `scrollTo`. */
-type TableRef = HTMLDivElement & {
-  nativeElement: HTMLDivElement;
-  scrollTo: (config: TableScrollToConfig) => void;
-};
-interface TableProps$1<T> {
-  /**
-   * @deprecated Use `variant="outlined"` instead. `bordered` maps to `variant="outlined"` when
-   * `variant` is not set; an explicit `variant` wins.
-   */
-  bordered?: boolean;
-  /** `Table.Column` / `Table.ColumnGroup` elements, used when `columns` is not set. */
-  children?: ReactNode;
-  /** @deprecated use `expandable.childrenColumnName` */
-  childrenColumnName?: string;
-  className?: string;
-  /** Semantic class names (antd 6 structure, or the legacy flat keys); a function gets `{ props }`. */
-  classNames?: TableClassNames | ((info: TableSemanticInfo<T>) => TableClassNames);
-  /** Defaults merged into every column (and group); a column's own fields win. */
-  column?: Partial<TableColumnType<T>>;
-  columns?: TableColumnsType<T>;
-  components?: TableComponents<T>;
-  dataSource?: T[];
-  /** Alias of `locale.emptyText` (which wins when both are set). */
-  emptyText?: ReactNode | (() => ReactNode);
-  /** Expandable rows (`expandedRowRender`) and tree data (`childrenColumnName`). */
-  expandable?: TableExpandableConfig<T>;
-  /** @deprecated use `expandable.expandedRowRender` */
-  expandedRowRender?: TableExpandedRowRender<T>;
-  /** @deprecated use `expandable.expandIcon` */
-  expandIcon?: TableExpandableConfig<T>['expandIcon'];
-  /** @deprecated use `Table.EXPAND_COLUMN` in `columns` */
-  expandIconColumnIndex?: number;
-  footer?: (currentPageData: readonly T[]) => ReactNode;
-  /** Container of the filter popups. */
-  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-  /** @deprecated use `expandable.indentSize` */
-  indentSize?: number;
-  loading?: boolean | TableLoadingConfig;
-  /** Texts of the table; unset fields use the `table.*` i18n texts (English by default). */
-  locale?: TableLocale;
-  /** Wrap the hidden row rc-table uses to measure column widths (debug / custom layouts). */
-  measureRowRender?: (measureRow: ReactNode) => ReactNode;
-  onChange?: (pagination: TablePaginationConfig, filters: TableFilters,
-  /**
-   * One result, or a `TableMultipleSorterResult` array when more than one `multiple` sorter is
-   * active (it still exposes the first entry's fields, so `sorter.order` type-checks either way).
-   */
-  sorter: TableSorterResult<T> | TableMultipleSorterResult<T>, extra: TableCurrentDataSource<T>) => void;
-  onHeaderRow?: (columns: readonly ColumnType<T>[], index?: number) => HTMLAttributes<HTMLTableRowElement>;
-  onRow?: (record: T, index: number) => HTMLAttributes<HTMLTableRowElement>;
-  onScroll?: UIEventHandler<HTMLDivElement>;
-  pagination?: false | TablePaginationConfig;
-  ref?: Ref<HTMLDivElement> | Ref<TableRef>;
-  /** Extra class on the root element, like `className`. */
-  rootClassName?: string;
-  /** A function also receives the row's tree depth (`indent`). */
-  rowClassName?: string | TableRowClassName<T>;
-  /** Highlight the hovered row. @default true */
-  rowHoverable?: boolean;
-  /** @default 'key' */
-  rowKey?: string | keyof T | ((record: T, index?: number) => Key);
-  /** Checkbox / radio row selection; see `TableRowSelection`. */
-  rowSelection?: TableRowSelection<T>;
-  /**
-   * `x: true` lets the table grow with its content; `y` splits the header from a scrolling body.
-   * `scrollToFirstRowOnChange` (default on) scrolls the body back to the top on paginate / sort / filter.
-   */
-  scroll?: {
-    scrollToFirstRowOnChange?: boolean;
-    x?: number | string | true;
-    y?: number | string;
-  };
-  /** @default true */
-  showHeader?: boolean;
-  /** Tooltip on sortable headers telling what the next click does. @default { target: 'full-header' } */
-  showSorterTooltip?: boolean | TableSorterTooltipProps;
-  /** @default 'middle' */
-  size?: TableSize;
-  /** Default `sortDirections` of every column. @default ['ascend', 'descend'] */
-  sortDirections?: SortOrder[];
-  /** Stick the header (and the horizontal scrollbar) to the page while it scrolls. */
-  sticky?: boolean | TableSticky;
-  style?: CSSProperties;
-  /** Semantic styles, keyed like `classNames`; a function gets `{ props }`. */
-  styles?: TableStyles | ((info: TableSemanticInfo<T>) => TableStyles);
-  /** Summary rows built from `Table.Summary`; receives the current page's rows. */
-  summary?: (currentPageData: readonly T[]) => ReactNode;
-  /** Defaults to `fixed` with fixed columns, a fixed header (`scroll.y`) or `ellipsis` columns. */
-  tableLayout?: 'auto' | 'fixed';
-  title?: (currentPageData: readonly T[]) => ReactNode;
-  /**
-   * Visual style: `borderless` (default) has no cell grid; `outlined` draws cell borders
-   * like antd `bordered`; `filled` uses a fill background without the grid.
-   */
-  variant?: TableVariant;
-  /** Virtual scrolling (rc-virtual-list); needs numeric `scroll.y`, and numeric `scroll.x` with fixed columns. */
-  virtual?: boolean;
-}
-//#endregion
-export { FilterValue, SortOrder, TableBreakpoint, TableCellAttributes, TableClassNames, TableColumn, TableColumnEllipsis, TableColumnFilterItem, TableColumnFixed, TableColumnGroupType, TableColumnSorter, TableColumnTitle, TableColumnTitleProps, TableColumnType, TableColumnsType, TableCompareFn, TableComponents, TableComponentsSemanticName, TableCurrentDataSource, TableExpandIconProps, TableExpandableConfig, TableExpandedRowRender, TableFilterDropdownPopupProps, TableFilterDropdownProps, TableFilters, TableHeaderCellAttributes, TableLegacySemanticName, TableLoadingConfig, TableLocale, TableMultipleSorterResult, TablePaginationConfig, TablePaginationPlacement, TablePaginationPosition, TableProps$1 as TableProps, TableRef, TableRenderedCell, TableRowClassName, TableRowSelectMethod, TableRowSelection, TableRowSelectionCheckboxProps, TableRowSelectionType, TableScrollToConfig, TableSelectionItem, TableSelectionPreset, TableSemanticInfo, TableSemanticName, TableSize, TableSorterResult, TableSorterTooltipProps, TableSticky, TableStyles, TableSummaryCellProps, TableSummaryProps, TableSummaryRowProps, TableVariant };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Table/useBreakpoint.mjs

@@ -1,41 +0,0 @@
-import { useEffect, useState } from "react";
-//#region src/base-ui/Table/useBreakpoint.ts
-/** antd's default Grid breakpoints (`screenSM` … `screenXXXL`). */
-const BREAKPOINT_QUERIES = {
-	lg: "(min-width: 992px)",
-	md: "(min-width: 768px)",
-	sm: "(min-width: 576px)",
-	xl: "(min-width: 1200px)",
-	xs: "(max-width: 575px)",
-	xxl: "(min-width: 1600px)",
-	xxxl: "(min-width: 1920px)"
-};
-const POINTS = Object.keys(BREAKPOINT_QUERIES);
-const canMatchMedia = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
-const readScreens = () => canMatchMedia() ? new Set(POINTS.filter((point) => window.matchMedia(BREAKPOINT_QUERIES[point]).matches)) : null;
-/**
-* Active breakpoints, kept in sync with `matchMedia`. Returns `null` when disabled or when media
-* queries are unavailable (SSR), which callers treat as "show everything".
-*/
-const useBreakpoint = (enabled) => {
-	const [screens, setScreens] = useState(() => enabled ? readScreens() : null);
-	useEffect(() => {
-		if (!enabled || !canMatchMedia()) {
-			setScreens(null);
-			return;
-		}
-		const update = () => {
-			const next = readScreens();
-			setScreens((previous) => previous?.size === next.size && [...next].every((point) => previous.has(point)) ? previous : next);
-		};
-		const queries = POINTS.map((point) => window.matchMedia(BREAKPOINT_QUERIES[point]));
-		queries.forEach((query) => query.addEventListener("change", update));
-		update();
-		return () => queries.forEach((query) => query.removeEventListener("change", update));
-	}, [enabled]);
-	return enabled ? screens : null;
-};
-//#endregion
-export { BREAKPOINT_QUERIES, useBreakpoint };
-
-//# sourceMappingURL=useBreakpoint.mjs.map