/** biome-ignore-all lint/a11y/useAriaPropsForRole: Separator with label uses role="separator" which is valid without aria-valuenow for non-focusable separators per WAI-ARIA spec */ /** biome-ignore-all lint/a11y/useSemanticElements: Custom separator with label requires div for flex layout to center text between lines */ /** biome-ignore-all lint/a11y/useFocusableInteractive: Non-focusable separator per WAI-ARIA spec for decorative separators */ import { Separator as SeparatorPrimitive } from '@base-ui/react/separator'; import * as React from 'react'; type SeparatorAppearance = 'single' | 'dual' | 'filled'; type SeparatorLabelVariant = 'text' | 'heading'; interface SeparatorProps extends Omit { /** * Visual treatment from the Humain Design Library. * `single` keeps the existing one-line separator behavior. */ appearance?: SeparatorAppearance; label?: string; /** Typography treatment for the optional centered label. */ labelVariant?: SeparatorLabelVariant; /** Optional centered content, such as a Button or ToggleGroup. */ children?: React.ReactNode; } /** * @llms Visual separator supporting single-line, dual-line, and background-fill Figma treatments with optional text, heading, or custom center content. */ declare const Separator: React.ForwardRefExoticComponent & React.RefAttributes>; export type { SeparatorAppearance, SeparatorLabelVariant, SeparatorProps }; export { Separator };