import type { ComponentSize } from '../../types';
/** Skeleton loader component properties */
export type OreSkeletonProps = {
    /** Toggle shimmer animation */
    animated?: boolean;
    /** Height override (e.g. '1rem', '3rem') */
    height?: string;
    /** Number of text lines for `variant='text'` */
    lines?: number;
    /** Radius override (e.g. '9999px', 'var(--rounded-xl)') */
    radius?: string;
    /** Size preset controlling line height and circle size */
    size?: ComponentSize;
    /** Render diagonal stripes instead of the shimmer — useful as a design-mode placeholder */
    striped?: boolean;
    /** Visual variant: 'rect' (default), 'circle', or 'text' */
    variant?: 'rect' | 'circle' | 'text';
    /** Width override (e.g. '12rem', '70%') */
    width?: string;
};
/**
 * A shimmer placeholder that represents loading content.
 * Control dimensions via the `--skeleton-width` and `--skeleton-height` CSS custom properties,
 * or via `width` / `height` inline styles.
 *
 * @element ore-skeleton
 *
 * @attr {string}  variant  - Shape: 'rect' (default) | 'circle' | 'text'
 * @attr {string}  size     - Height/circle preset: 'sm' | 'md' | 'lg'
 * @attr {string}  width    - Width override (CSS length/percentage)
 * @attr {string}  height   - Height override (CSS length)
 * @attr {string}  radius   - Radius override
 * @attr {boolean} animated - Disable with `animated="false"`
 * @attr {number}  lines    - Text line count (only for `variant='text'`)
 * @attr {boolean} striped  - Replace shimmer with diagonal stripes
 *
 * @cssprop --skeleton-bg          - Base shimmer color
 * @cssprop --skeleton-highlight - Shimmer highlight color
 * @cssprop --skeleton-radius    - Border radius
 * @cssprop --skeleton-size      - Circle fallback size
 * @cssprop --skeleton-width     - Width (default: 100%)
 * @cssprop --skeleton-height    - Height (default: var(--size-4))
 * @cssprop --skeleton-line-gap  - Vertical gap between text lines
 * @cssprop --skeleton-last-line-width - Width of the final text line
 * @cssprop --skeleton-duration    - Shimmer animation duration
 * @cssprop --skeleton-stripe-size  - Width of each diagonal stripe (default: 6px)
 *
 * @part stack - Stack container.
 * @part bone - Skeleton bone element.
 * @example
 * ```html
 * <!-- Paragraph lines -->
 * <ore-skeleton variant="text" lines="3" width="100%"></ore-skeleton>
 *
 * <!-- Avatar -->
 * <ore-skeleton variant="circle" size="md"></ore-skeleton>
 *
 * <!-- Card image -->
 * <ore-skeleton width="100%" height="10rem"></ore-skeleton>
 * ```
 */
export declare const SKELETON_TAG: "ore-skeleton";
//# sourceMappingURL=skeleton.d.ts.map