type DividerDirection = 'horizontal' | 'vertical';
type DividerStyle = 'default' | 'subtle' | 'strong';
type DividerSpacing = 'sm' | 'md' | 'lg';
/**
 * `<dt-divider>` — framework-agnostic divider/separator web component.
 *
 * Horizontal or vertical separator line for organizing content.
 *
 * ## Attributes
 * - `direction` — divider orientation: `horizontal` (default) or `vertical`
 * - `style-variant` — border style: `default`, `subtle`, `strong`
 * - `spacing` — margin around divider: `sm`, `md`, `lg`
 *
 * ## Usage
 * ```html
 * <!-- Horizontal divider (default) -->
 * <dt-divider></dt-divider>
 *
 * <!-- Subtle horizontal divider with spacing -->
 * <dt-divider style-variant="subtle" spacing="md"></dt-divider>
 *
 * <!-- Vertical divider in a row layout -->
 * <dt-stack direction="row">
 *   <span>Left</span>
 *   <dt-divider direction="vertical"></dt-divider>
 *   <span>Right</span>
 * </dt-stack>
 * ```
 */
export declare class DtDivider extends HTMLElement {
    static get observedAttributes(): string[];
    get direction(): DividerDirection;
    set direction(val: DividerDirection);
    get styleVariant(): DividerStyle;
    set styleVariant(val: DividerStyle);
    get spacing(): DividerSpacing | null;
    set spacing(val: DividerSpacing | null);
    constructor();
}
export {};
//# sourceMappingURL=dt-divider.d.ts.map