import { SplatMesh } from '@sparkjsdev/spark';
import { VuerProps } from '../../vuer/interfaces';
import { TransformProps } from '../../three_transforms/interfaces';
type RenderMode = 'inherit' | 'rgb' | 'depth' | 'normal';
export type SparkSplatsProps = VuerProps<TransformProps & {
    /** @dial-dtype string @dial-label "Splat File URL" */
    src: string;
    /**
     * Render mode for visualization.
     * @dial visualization
     * @dial-layout grid
     * @dial-cols 2
     * @dial-dtype string
     * @dial-options ["inherit", "rgb", "depth", "normal"]
     * @dial-default "inherit"
     * @dial-label "Render Mode"
     * @dial-col-span 2
     */
    render?: RenderMode;
    /**
     * Minimum depth for depth color visualization.
     * @dial visualization
     * @dial-dtype number
     * @dial-min 0
     * @dial-max 10
     * @dial-step 0.1
     * @dial-default 1
     * @dial-label "Min Depth"
     */
    minDepth?: number;
    /**
     * Maximum depth for depth color visualization.
     * @dial visualization
     * @dial-dtype number
     * @dial-min 0
     * @dial-max 100
     * @dial-step 0.5
     * @dial-default 10
     * @dial-label "Max Depth"
     */
    maxDepth?: number;
    /**
     * Show center points of each splat.
     * @dial visualization
     * @dial-dtype boolean
     * @dial-default false
     * @dial-label "Show Points"
     * @dial-col-span 2
     */
    showCenterPoints?: boolean;
    /**
     * Color of the center points.
     * @dial visualization
     * @dial-dtype color
     * @dial-default "#2563eb"
     * @dial-label "Points Color"
     */
    centerPointsColor?: string | number;
    /**
     * Size of the center points.
     * @dial visualization
     * @dial-dtype number
     * @dial-min 0.001
     * @dial-max 0.5
     * @dial-step 0.001
     * @dial-default 0.01
     * @dial-label "Points Size"
     */
    centerPointsSize?: number;
    /**
     * Show ellipsoid boundaries for each splat.
     * @dial visualization
     * @dial-dtype boolean
     * @dial-default false
     * @dial-label "Show Ellipsoids"
     * @dial-col-span 2
     */
    showEllipsoids?: boolean;
    /**
     * Color of the ellipsoid boundaries.
     * @dial visualization
     * @dial-dtype color
     * @dial-default "#ffffff"
     * @dial-label "Ellipsoid Color"
     */
    ellipsoidColor?: string | number;
    /**
     * Width of the visible ring.
     * @dial visualization
     * @dial-dtype number
     * @dial-min 0.01
     * @dial-max 0.5
     * @dial-step 0.01
     * @dial-default 0.05
     * @dial-label "Ring Size"
     */
    ringSize?: number;
    /**
     * Alpha of the inner area.
     * @dial visualization
     * @dial-dtype number
     * @dial-min 0
     * @dial-max 1
     * @dial-step 0.01
     * @dial-default 0.02
     * @dial-label "Inner Alpha"
     */
    innerAlpha?: number;
    /**
     * Alpha of the ring edge.
     * @dial visualization
     * @dial-dtype number
     * @dial-min 0
     * @dial-max 1
     * @dial-step 0.01
     * @dial-default 0.3
     * @dial-label "Outer Alpha"
     */
    outerAlpha?: number;
    /**
     * Enable bounding box clipping.
     * @dial clip
     * @dial-layout grid
     * @dial-cols 2
     * @dial-dtype boolean
     * @dial-default false
     * @dial-label "Enable"
     * @dial-col-span 2
     */
    clipEnabled?: boolean;
    /**
     * Minimum X coordinate.
     * @dial clip
     * @dial-dtype number
     * @dial-min -500
     * @dial-max 500
     * @dial-step 0.1
     * @dial-default -5
     * @dial-label "Min X"
     */
    clipMinX?: number;
    /**
     * Maximum X coordinate.
     * @dial clip
     * @dial-dtype number
     * @dial-min -500
     * @dial-max 500
     * @dial-step 0.1
     * @dial-default 5
     * @dial-label "Max X"
     */
    clipMaxX?: number;
    /**
     * Minimum Y coordinate.
     * @dial clip
     * @dial-dtype number
     * @dial-min -500
     * @dial-max 500
     * @dial-step 0.1
     * @dial-default -5
     * @dial-label "Min Y"
     */
    clipMinY?: number;
    /**
     * Maximum Y coordinate.
     * @dial clip
     * @dial-dtype number
     * @dial-min -500
     * @dial-max 500
     * @dial-step 0.1
     * @dial-default 5
     * @dial-label "Max Y"
     */
    clipMaxY?: number;
    /**
     * Minimum Z coordinate.
     * @dial clip
     * @dial-dtype number
     * @dial-min -500
     * @dial-max 500
     * @dial-step 0.1
     * @dial-default -5
     * @dial-label "Min Z"
     */
    clipMinZ?: number;
    /**
     * Maximum Z coordinate.
     * @dial clip
     * @dial-dtype number
     * @dial-min -500
     * @dial-max 500
     * @dial-step 0.1
     * @dial-default 5
     * @dial-label "Max Z"
     */
    clipMaxZ?: number;
}, SplatMesh>;
/**
 * Renders 3D Gaussian Splats using @sparkjsdev/spark.
 *
 * Features:
 * - Multiple render modes: rgb, depth, normal
 * - Bounding box clipping with real-time updates
 * - Optional center point and ellipsoid visualization
 *
 * Requires LoadingInvalidator in scene for frameloop='demand' mode.
 */
export default function SparkSplats({ _ref, _key, src, render, minDepth, maxDepth, showCenterPoints, centerPointsColor, centerPointsSize, showEllipsoids, ellipsoidColor, ringSize, innerAlpha, outerAlpha, clipEnabled, clipMinX, clipMaxX, clipMinY, clipMaxY, clipMinZ, clipMaxZ, position, rotation, scale, ...props }: SparkSplatsProps): import("react/jsx-runtime").JSX.Element;
export {};