/**
 * Photon Grid base styles — skeleton placeholder rows.
 *
 * Rendered by demand-loading row models (`rowModel: 'infinite'`) for rows whose
 * data has not arrived. The placeholder occupies the *exact* geometry of the
 * real row it will become — same height, same cell padding — so when the data
 * lands the swap changes only the ink, never the layout.
 *
 * Every value comes from theme tokens, so skeletons follow the active mode and
 * variant without configuration.
 */
export declare const skeletonCss = "/* \u2500\u2500\u2500 Skeleton (placeholder) rows \u2500\u2500\u2500 */\n\n/* The bar is drawn on the cell's inner box rather than as an extra element, so\n   a placeholder row allocates no DOM beyond an ordinary empty row. */\n.pg-row--skeleton .pg-cell__inner::before {\n  content: '';\n  display: block;\n  width: var(--pg-skeleton-width, 68%);\n  height: var(--pg-skeleton-height, 10px);\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  background: var(--pg-colors-skeleton, var(--pg-colors-background-alt, #e2e8f0));\n  background-image: linear-gradient(\n    90deg,\n    transparent 0%,\n    var(--pg-colors-skeleton-highlight, var(--pg-colors-surface, #f8fafc)) 50%,\n    transparent 100%\n  );\n  background-size: 200% 100%;\n  animation: pg-skeleton-shimmer 1.2s ease-in-out infinite;\n}\n\n/* Vary the bar widths across columns so a screen of placeholders reads as\n   \"content loading\" rather than as a rigid striped pattern. The cycle is short\n   and deterministic, so rows do not appear to reshuffle as they scroll. */\n.pg-row--skeleton .pg-cell:nth-child(3n)   .pg-cell__inner::before { width: 45%; }\n.pg-row--skeleton .pg-cell:nth-child(3n+1) .pg-cell__inner::before { width: 80%; }\n\n/* Placeholders are not interactive: no hover feedback, no text selection, and\n   the pointer stays default so nothing invites a click that cannot work. */\n.pg-row--skeleton {\n  cursor: default;\n  user-select: none;\n}\n.pg-row--skeleton:hover { background: inherit; }\n\n@keyframes pg-skeleton-shimmer {\n  from { background-position: 200% 0; }\n  to   { background-position: -200% 0; }\n}\n\n/* Reduced motion: keep the placeholder legible as a static block rather than\n   removing it, so the \"not loaded yet\" signal survives. */\n@media (prefers-reduced-motion: reduce) {\n  .pg-row--skeleton .pg-cell__inner::before {\n    animation: none;\n    background-image: none;\n  }\n}\n";
//# sourceMappingURL=skeleton.css.d.ts.map