import type React from 'react'; export interface SeparatorOwnProps { /** * Unique identifier for the element. * @example 'example-id' */ id?: string; /** * Visual style variant. Allowed values: `solid`, `dashed`, `dotted`. * @example 'solid' */ variant?: 'solid' | 'dashed' | 'dotted'; /** * Layout orientation (horizontal or vertical). Allowed values: `horizontal`, `vertical`. * @example 'horizontal' */ orientation?: 'horizontal' | 'vertical'; /** * Component size. Allowed values: `xs`, `sm`, `md`, `lg`, `xl`. * @example 'xs' */ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'; /** * Visible label text. * @example 'Example label' */ label?: string; /** * When true, exposes the separator to assistive tech as a meaningful boundary (`role="separator"`) instead of a decorative divider. * @defaultValue false * @example true */ semantic?: boolean; /** * When true, marks the separator as purely visual, hiding it from the accessibility tree (`role="none"` + `aria-hidden="true"`). * @defaultValue false * @example true */ decorative?: boolean; /** CSS class applied to the Custom Element host. * @example 'my-component' */ className?: string; /** Inline styles applied to the Custom Element host. * @example { marginTop: 8 } */ style?: React.CSSProperties; } /** * Props for ``: the component's own API plus every standard DOM * attribute and native React event handler, forwarded verbatim to the * `` host — `id`, `data-*`, `aria-*`, `title`, `tabIndex`, * `slot`, `onMouseEnter`, and the rest. Own props always win over a * same-named DOM attribute. */ export type SeparatorProps = SeparatorOwnProps & Omit, keyof SeparatorOwnProps | 'children' | 'dangerouslySetInnerHTML'>; export declare const Separator: React.ForwardRefExoticComponent, "children" | "dangerouslySetInnerHTML" | keyof SeparatorOwnProps> & React.RefAttributes>;