/// import * as React from 'react'; import Component from '../../components/typography/typography.js'; import { type EventName } from '@lit-labs/react'; import { OConnectedEvent } from '../../../src/events/events'; import { ODisconnectedEvent } from '../../../src/events/events'; declare const component: import("@lit-labs/react").ReactWebComponent; onODisconnected: EventName; }>; /** * @summary Short summary of the component's intended use. * @documentation /components/typography * @status wip * @since 1.5 * * @dependency o-example * * @slot - The default slot. * @slot example - An example slot. * * @csspart base - The component's base wrapper. * * @cssproperty --o-typography-font-family - 'Poppins', sans-serif * @cssproperty --example - An example CSS custom property. * @cssproperty --o-typography-h1-font-family - var(--default-font-family) * @cssproperty --o-typography-h1-fontsize - 140px * @cssproperty --o-typography-h1-font-weight - 800 * @cssproperty --o-typography-h1-line-height - 168px * @cssproperty --o-typography-h1-letter-spacing - 0em * @cssproperty --o-typography-h2-font-family - var(--default-font-family) * @cssproperty --o-typography-h2-fontsize - 88px * @cssproperty --o-typography-h2-font-weight - 800 * @cssproperty --o-typography-h2-line-height - 106px * @cssproperty --o-typography-h2-letter-spacing - 0em * @cssproperty --o-typography-h3-font-family - var(--default-font-family) * @cssproperty --o-typography-h3-fontsize - 72px * @cssproperty --o-typography-h3-font-weight - 700 * @cssproperty --o-typography-h3-line-height - 86px * @cssproperty --o-typography-h3-letter-spacing - 0em * @cssproperty --o-typography-h4-font-family - var(--default-font-family) * @cssproperty --o-typography-h4-fontsize - 64px * @cssproperty --o-typography-h4-font-weight - 700 * @cssproperty --o-typography-h4-line-height - 77px * @cssproperty --o-typography-h4-letter-spacing - 0em * @cssproperty --o-typography-h5-font-family - var(--default-font-family) * @cssproperty --o-typography-h5-fontsize - 56px * @cssproperty --o-typography-h5-font-weight - 700 * @cssproperty --o-typography-h5-line-height - 67px * @cssproperty --o-typography-h5-letter-spacing - 0em * @cssproperty --o-typography-t1-font-family - var(--default-font-family) * @cssproperty --o-typography-t1-fontsize - 48px * @cssproperty --o-typography-t1-font-weight - 700 * @cssproperty --o-typography-t1-line-height - 58px * @cssproperty --o-typography-t1-letter-spacing - 0em * @cssproperty --o-typography-t2-font-family - var(--default-font-family) * @cssproperty --o-typography-t2-fontsize - 40px * @cssproperty --o-typography-t2-font-weight - 700 * @cssproperty --o-typography-t2-line-height - 56px * @cssproperty --o-typography-t2-letter-spacing - 0em * @cssproperty --o-typography-t3-font-family - var(--default-font-family) * @cssproperty --o-typography-t3-fontsize - 32px * @cssproperty --o-typography-t3-font-weight - 600 * @cssproperty --o-typography-t3-line-height - 38px * @cssproperty --o-typography-t3-letter-spacing - 0em * @cssproperty --o-typography-t4-font-family - var(--default-font-family) * @cssproperty --o-typography-t4-fontsize - 24px * @cssproperty --o-typography-t4-font-weight - 600 * @cssproperty --o-typography-t4-line-height - 34px * @cssproperty --o-typography-t4-letter-spacing - 0em * @cssproperty --o-typography-c1-font-family - var(--default-font-family) * @cssproperty --o-typography-c1-fontsize - 24px * @cssproperty --o-typography-c1-font-weight - 500 * @cssproperty --o-typography-c1-line-height - 34px * @cssproperty --o-typography-c1-letter-spacing - 0.01em * @cssproperty --o-typography-c2-font-family - var(--default-font-family) * @cssproperty --o-typography-c2-fontsize - 16px * @cssproperty --o-typography-c2-font-weight - 600 * @cssproperty --o-typography-c2-line-height - 22px * @cssproperty --o-typography-c2-letter-spacing - 0.01em * @cssproperty --o-typography-c3-font-family - var(--default-font-family) * @cssproperty --o-typography-c3-fontsize - 16px * @cssproperty --o-typography-c3-font-weight - 400 * @cssproperty --o-typography-c3-line-height - 24px * @cssproperty --o-typography-c3-letter-spacing - 0.01em * @cssproperty --o-typography-c4-font-family - var(--default-font-family) * @cssproperty --o-typography-c4-fontsize - 14px * @cssproperty --o-typography-c4-font-weight - 400 * @cssproperty --o-typography-c4-line-height - 20px * @cssproperty --o-typography-c4-letter-spacing - 0.01em */ declare class OComponent extends React.Component[0]> { constructor(...args: Parameters); render(): React.FunctionComponentElement | undefined; onCopyCapture?: React.ClipboardEventHandler | undefined; onCut?: React.ClipboardEventHandler | undefined; onCutCapture?: React.ClipboardEventHandler | undefined; onPaste?: React.ClipboardEventHandler | undefined; onPasteCapture?: React.ClipboardEventHandler | undefined; onCompositionEnd?: React.CompositionEventHandler | undefined; onCompositionEndCapture?: React.CompositionEventHandler | undefined; onCompositionStart?: React.CompositionEventHandler | undefined; onCompositionStartCapture?: React.CompositionEventHandler | undefined; onCompositionUpdate?: React.CompositionEventHandler | undefined; onCompositionUpdateCapture?: React.CompositionEventHandler | undefined; onFocus?: React.FocusEventHandler | undefined; onFocusCapture?: React.FocusEventHandler | undefined; onBlur?: React.FocusEventHandler | undefined; onBlurCapture?: React.FocusEventHandler | undefined; onChange?: React.FormEventHandler | undefined; onChangeCapture?: React.FormEventHandler | undefined; onBeforeInput?: React.FormEventHandler | undefined; onBeforeInputCapture?: React.FormEventHandler | undefined; onInput?: React.FormEventHandler | undefined; onInputCapture?: React.FormEventHandler | undefined; onReset?: React.FormEventHandler | undefined; onResetCapture?: React.FormEventHandler | undefined; onSubmit?: React.FormEventHandler | undefined; onSubmitCapture?: React.FormEventHandler | undefined; onInvalid?: React.FormEventHandler | undefined; onInvalidCapture?: React.FormEventHandler | undefined; onLoad?: React.ReactEventHandler | undefined; onLoadCapture?: React.ReactEventHandler | undefined; onError?: React.ReactEventHandler | undefined; onErrorCapture?: React.ReactEventHandler | undefined; onKeyDown?: React.KeyboardEventHandler | undefined; onKeyDownCapture?: React.KeyboardEventHandler | undefined; onKeyPress?: React.KeyboardEventHandler | undefined; onKeyPressCapture?: React.KeyboardEventHandler | undefined; onKeyUp?: React.KeyboardEventHandler | undefined; onKeyUpCapture?: React.KeyboardEventHandler | undefined; onAbort?: React.ReactEventHandler | undefined; onAbortCapture?: React.ReactEventHandler | undefined; onCanPlay?: React.ReactEventHandler | undefined; onCanPlayCapture?: React.ReactEventHandler | undefined; onCanPlayThrough?: React.ReactEventHandler | undefined; onCanPlayThroughCapture?: React.ReactEventHandler | undefined; onDurationChange?: React.ReactEventHandler | undefined; onDurationChangeCapture?: React.ReactEventHandler | undefined; onEmptied?: React.ReactEventHandler | undefined; onEmptiedCapture?: React.ReactEventHandler | undefined; onEncrypted?: React.ReactEventHandler | undefined; onEncryptedCapture?: React.ReactEventHandler | undefined; onEnded?: React.ReactEventHandler | undefined; onEndedCapture?: React.ReactEventHandler | undefined; onLoadedData?: React.ReactEventHandler | undefined; onLoadedDataCapture?: React.ReactEventHandler | undefined; onLoadedMetadata?: React.ReactEventHandler | undefined; onLoadedMetadataCapture?: React.ReactEventHandler | undefined; onLoadStart?: React.ReactEventHandler | undefined; onLoadStartCapture?: React.ReactEventHandler | undefined; onPause?: React.ReactEventHandler | undefined; onPauseCapture?: React.ReactEventHandler | undefined; onPlay?: React.ReactEventHandler | undefined; onPlayCapture?: React.ReactEventHandler | undefined; onPlaying?: React.ReactEventHandler | undefined; onPlayingCapture?: React.ReactEventHandler | undefined; onProgress?: React.ReactEventHandler | undefined; onProgressCapture?: React.ReactEventHandler | undefined; onRateChange?: React.ReactEventHandler | undefined; onRateChangeCapture?: React.ReactEventHandler | undefined; onResize?: React.ReactEventHandler | undefined; onResizeCapture?: React.ReactEventHandler | undefined; onSeeked?: React.ReactEventHandler | undefined; onSeekedCapture?: React.ReactEventHandler | undefined; onSeeking?: React.ReactEventHandler | undefined; onSeekingCapture?: React.ReactEventHandler | undefined; onStalled?: React.ReactEventHandler | undefined; onStalledCapture?: React.ReactEventHandler | undefined; onSuspend?: React.ReactEventHandler | undefined; onSuspendCapture?: React.ReactEventHandler | undefined; onTimeUpdate?: React.ReactEventHandler | undefined; onTimeUpdateCapture?: React.ReactEventHandler | undefined; onVolumeChange?: React.ReactEventHandler | undefined; onVolumeChangeCapture?: React.ReactEventHandler | undefined; onWaiting?: React.ReactEventHandler | undefined; onWaitingCapture?: React.ReactEventHandler | undefined; onAuxClick?: React.MouseEventHandler | undefined; onAuxClickCapture?: React.MouseEventHandler | undefined; onClick?: React.MouseEventHandler | undefined; onClickCapture?: React.MouseEventHandler | undefined; onContextMenu?: React.MouseEventHandler | undefined; onContextMenuCapture?: React.MouseEventHandler | undefined; onDoubleClick?: React.MouseEventHandler | undefined; onDoubleClickCapture?: React.MouseEventHandler | undefined; onDrag?: React.DragEventHandler | undefined; onDragCapture?: React.DragEventHandler | undefined; onDragEnd?: React.DragEventHandler | undefined; onDragEndCapture?: React.DragEventHandler | undefined; onDragEnter?: React.DragEventHandler | undefined; onDragEnterCapture?: React.DragEventHandler | undefined; onDragExit?: React.DragEventHandler | undefined; onDragExitCapture?: React.DragEventHandler | undefined; onDragLeave?: React.DragEventHandler | undefined; onDragLeaveCapture?: React.DragEventHandler | undefined; onDragOver?: React.DragEventHandler | undefined; onDragOverCapture?: React.DragEventHandler | undefined; onDragStart?: React.DragEventHandler | undefined; onDragStartCapture?: React.DragEventHandler | undefined; onDrop?: React.DragEventHandler | undefined; onDropCapture?: React.DragEventHandler | undefined; onMouseDown?: React.MouseEventHandler | undefined; onMouseDownCapture?: React.MouseEventHandler | undefined; onMouseEnter?: React.MouseEventHandler | undefined; onMouseLeave?: React.MouseEventHandler | undefined; onMouseMove?: React.MouseEventHandler | undefined; onMouseMoveCapture?: React.MouseEventHandler | undefined; onMouseOut?: React.MouseEventHandler | undefined; onMouseOutCapture?: React.MouseEventHandler | undefined; onMouseOver?: React.MouseEventHandler | undefined; onMouseOverCapture?: React.MouseEventHandler | undefined; onMouseUp?: React.MouseEventHandler | undefined; onMouseUpCapture?: React.MouseEventHandler | undefined; onSelect?: React.ReactEventHandler | undefined; onSelectCapture?: React.ReactEventHandler | undefined; onTouchCancel?: React.TouchEventHandler | undefined; onTouchCancelCapture?: React.TouchEventHandler | undefined; onTouchEnd?: React.TouchEventHandler | undefined; onTouchEndCapture?: React.TouchEventHandler | undefined; onTouchMove?: React.TouchEventHandler | undefined; onTouchMoveCapture?: React.TouchEventHandler | undefined; onTouchStart?: React.TouchEventHandler | undefined; onTouchStartCapture?: React.TouchEventHandler | undefined; onPointerDown?: React.PointerEventHandler | undefined; onPointerDownCapture?: React.PointerEventHandler | undefined; onPointerMove?: React.PointerEventHandler | undefined; onPointerMoveCapture?: React.PointerEventHandler | undefined; onPointerUp?: React.PointerEventHandler | undefined; onPointerUpCapture?: React.PointerEventHandler | undefined; onPointerCancel?: React.PointerEventHandler | undefined; onPointerCancelCapture?: React.PointerEventHandler | undefined; onPointerEnter?: React.PointerEventHandler | undefined; onPointerEnterCapture?: React.PointerEventHandler | undefined; onPointerLeave?: React.PointerEventHandler | undefined; onPointerLeaveCapture?: React.PointerEventHandler | undefined; onPointerOver?: React.PointerEventHandler | undefined; onPointerOverCapture?: React.PointerEventHandler | undefined; onPointerOut?: React.PointerEventHandler | undefined; onPointerOutCapture?: React.PointerEventHandler | undefined; onGotPointerCapture?: React.PointerEventHandler | undefined; onGotPointerCaptureCapture?: React.PointerEventHandler | undefined; onLostPointerCapture?: React.PointerEventHandler | undefined; onLostPointerCaptureCapture?: React.PointerEventHandler | undefined; onScroll?: React.UIEventHandler | undefined; onScrollCapture?: React.UIEventHandler | undefined; onWheel?: React.WheelEventHandler | undefined; onWheelCapture?: React.WheelEventHandler | undefined; onAnimationStart?: React.AnimationEventHandler | undefined; onAnimationStartCapture?: React.AnimationEventHandler | undefined; onAnimationEnd?: React.AnimationEventHandler | undefined; onAnimationEndCapture?: React.AnimationEventHandler | undefined; onAnimationIteration?: React.AnimationEventHandler | undefined; onAnimationIterationCapture?: React.AnimationEventHandler | undefined; onTransitionEnd?: React.TransitionEventHandler | undefined; onTransitionEndCapture?: React.TransitionEventHandler | undefined; } & { animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation; remove: () => void; blur: () => void; click: () => void; focus: (options?: FocusOptions | undefined) => void; scroll: { (options?: ScrollToOptions | undefined): void; (x: number, y: number): void; }; readonly renderOptions: import("lit-html").RenderOptions; connectedCallback: () => void; disconnectedCallback: () => void; readonly renderRoot: HTMLElement | ShadowRoot; isUpdatePending: boolean; hasUpdated: boolean; addController: (controller: import("lit").ReactiveController) => void; removeController: (controller: import("lit").ReactiveController) => void; attributeChangedCallback: (name: string, _old: string | null, value: string | null) => void; requestUpdate: (name?: PropertyKey | undefined, oldValue?: unknown, options?: import("lit").PropertyDeclaration | undefined) => void; readonly updateComplete: Promise; readonly accessKeyLabel: string; autocapitalize: string; inert: boolean; innerText: string; readonly offsetHeight: number; readonly offsetLeft: number; readonly offsetParent: Element | null; readonly offsetTop: number; readonly offsetWidth: number; outerText: string; spellcheck: boolean; attachInternals: () => ElementInternals; addEventListener: { (type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void; (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void; }; removeEventListener: { (type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void; (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void; }; readonly attributes: NamedNodeMap; readonly classList: DOMTokenList; readonly clientHeight: number; readonly clientLeft: number; readonly clientTop: number; readonly clientWidth: number; readonly localName: string; readonly namespaceURI: string | null; onfullscreenchange: ((this: Element, ev: Event) => any) | null; onfullscreenerror: ((this: Element, ev: Event) => any) | null; outerHTML: string; readonly ownerDocument: Document; readonly part: DOMTokenList; readonly scrollHeight: number; scrollLeft: number; scrollTop: number; readonly scrollWidth: number; readonly shadowRoot: ShadowRoot | null; readonly tagName: string; attachShadow: (init: ShadowRootInit) => ShadowRoot; checkVisibility: (options?: CheckVisibilityOptions | undefined) => boolean; closest: { (selector: K_2): HTMLElementTagNameMap[K_2] | null; (selector: K_3): SVGElementTagNameMap[K_3] | null; (selector: K_4): MathMLElementTagNameMap[K_4] | null; (selectors: string): E | null; }; computedStyleMap: () => StylePropertyMapReadOnly; getAttribute: (qualifiedName: string) => string | null; getAttributeNS: (namespace: string | null, localName: string) => string | null; getAttributeNames: () => string[]; getAttributeNode: (qualifiedName: string) => Attr | null; getAttributeNodeNS: (namespace: string | null, localName: string) => Attr | null; getBoundingClientRect: () => DOMRect; getClientRects: () => DOMRectList; getElementsByClassName: (classNames: string) => HTMLCollectionOf; getElementsByTagName: { (qualifiedName: K_5): HTMLCollectionOf; (qualifiedName: K_6): HTMLCollectionOf; (qualifiedName: K_7): HTMLCollectionOf; (qualifiedName: K_8): HTMLCollectionOf; (qualifiedName: string): HTMLCollectionOf; }; getElementsByTagNameNS: { (namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf; (namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf; (namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf; (namespace: string | null, localName: string): HTMLCollectionOf; }; hasAttribute: (qualifiedName: string) => boolean; hasAttributeNS: (namespace: string | null, localName: string) => boolean; hasAttributes: () => boolean; hasPointerCapture: (pointerId: number) => boolean; insertAdjacentElement: (where: InsertPosition, element: Element) => Element | null; insertAdjacentHTML: (position: InsertPosition, text: string) => void; insertAdjacentText: (where: InsertPosition, data: string) => void; matches: (selectors: string) => boolean; releasePointerCapture: (pointerId: number) => void; removeAttribute: (qualifiedName: string) => void; removeAttributeNS: (namespace: string | null, localName: string) => void; removeAttributeNode: (attr: Attr) => Attr; requestFullscreen: (options?: FullscreenOptions | undefined) => Promise; requestPointerLock: () => void; scrollBy: { (options?: ScrollToOptions | undefined): void; (x: number, y: number): void; }; scrollIntoView: (arg?: boolean | ScrollIntoViewOptions | undefined) => void; scrollTo: { (options?: ScrollToOptions | undefined): void; (x: number, y: number): void; }; setAttribute: (qualifiedName: string, value: string) => void; setAttributeNS: (namespace: string | null, qualifiedName: string, value: string) => void; setAttributeNode: (attr: Attr) => Attr | null; setAttributeNodeNS: (attr: Attr) => Attr | null; setPointerCapture: (pointerId: number) => void; toggleAttribute: (qualifiedName: string, force?: boolean | undefined) => boolean; webkitMatchesSelector: (selectors: string) => boolean; readonly baseURI: string; readonly childNodes: NodeListOf; readonly firstChild: ChildNode | null; readonly isConnected: boolean; readonly lastChild: ChildNode | null; readonly nextSibling: ChildNode | null; readonly nodeName: string; readonly nodeType: number; nodeValue: string | null; readonly parentElement: HTMLElement | null; readonly parentNode: ParentNode | null; readonly previousSibling: ChildNode | null; textContent: string | null; appendChild: (node: T) => T; cloneNode: (deep?: boolean | undefined) => Node; compareDocumentPosition: (other: Node) => number; contains: (other: Node | null) => boolean; getRootNode: (options?: GetRootNodeOptions | undefined) => Node; hasChildNodes: () => boolean; insertBefore: (node: T_1, child: Node | null) => T_1; isDefaultNamespace: (namespace: string | null) => boolean; isEqualNode: (otherNode: Node | null) => boolean; isSameNode: (otherNode: Node | null) => boolean; lookupNamespaceURI: (prefix: string | null) => string | null; lookupPrefix: (namespace: string | null) => string | null; normalize: () => void; removeChild: (child: T_2) => T_2; replaceChild: (node: Node, child: T_3) => T_3; readonly ELEMENT_NODE: 1; readonly ATTRIBUTE_NODE: 2; readonly TEXT_NODE: 3; readonly CDATA_SECTION_NODE: 4; readonly ENTITY_REFERENCE_NODE: 5; readonly ENTITY_NODE: 6; readonly PROCESSING_INSTRUCTION_NODE: 7; readonly COMMENT_NODE: 8; readonly DOCUMENT_NODE: 9; readonly DOCUMENT_TYPE_NODE: 10; readonly DOCUMENT_FRAGMENT_NODE: 11; readonly NOTATION_NODE: 12; readonly DOCUMENT_POSITION_DISCONNECTED: 1; readonly DOCUMENT_POSITION_PRECEDING: 2; readonly DOCUMENT_POSITION_FOLLOWING: 4; readonly DOCUMENT_POSITION_CONTAINS: 8; readonly DOCUMENT_POSITION_CONTAINED_BY: 16; readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32; dispatchEvent: (event: Event) => boolean; ariaAtomic: string | null; ariaAutoComplete: string | null; ariaBusy: string | null; ariaChecked: string | null; ariaColCount: string | null; ariaColIndex: string | null; ariaColSpan: string | null; ariaCurrent: string | null; ariaDisabled: string | null; ariaExpanded: string | null; ariaHasPopup: string | null; ariaHidden: string | null; ariaInvalid: string | null; ariaKeyShortcuts: string | null; ariaLabel: string | null; ariaLevel: string | null; ariaLive: string | null; ariaModal: string | null; ariaMultiLine: string | null; ariaMultiSelectable: string | null; ariaOrientation: string | null; ariaPlaceholder: string | null; ariaPosInSet: string | null; ariaPressed: string | null; ariaReadOnly: string | null; ariaRequired: string | null; ariaRoleDescription: string | null; ariaRowCount: string | null; ariaRowIndex: string | null; ariaRowSpan: string | null; ariaSelected: string | null; ariaSetSize: string | null; ariaSort: string | null; ariaValueMax: string | null; ariaValueMin: string | null; ariaValueNow: string | null; ariaValueText: string | null; getAnimations: (options?: GetAnimationsOptions | undefined) => Animation[]; after: (...nodes: (string | Node)[]) => void; before: (...nodes: (string | Node)[]) => void; replaceWith: (...nodes: (string | Node)[]) => void; innerHTML: string; readonly nextElementSibling: Element | null; readonly previousElementSibling: Element | null; readonly childElementCount: number; readonly firstElementChild: Element | null; readonly lastElementChild: Element | null; append: (...nodes: (string | Node)[]) => void; prepend: (...nodes: (string | Node)[]) => void; querySelector: { (selectors: K_9): HTMLElementTagNameMap[K_9] | null; (selectors: K_10): SVGElementTagNameMap[K_10] | null; (selectors: K_11): MathMLElementTagNameMap[K_11] | null; (selectors: K_12): HTMLElementDeprecatedTagNameMap[K_12] | null; (selectors: string): E_1 | null; }; querySelectorAll: { (selectors: K_13): NodeListOf; (selectors: K_14): NodeListOf; (selectors: K_15): NodeListOf; (selectors: K_16): NodeListOf; (selectors: string): NodeListOf; }; replaceChildren: (...nodes: (string | Node)[]) => void; readonly assignedSlot: HTMLSlotElement | null; readonly attributeStyleMap: StylePropertyMap; enterKeyHint: string; readonly isContentEditable: boolean; onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null; onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null; onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null; onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null; onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null; onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null; onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null; oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null; oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null; oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null; onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null; onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null; oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null; oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null; oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null; ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null; onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null; onended: ((this: GlobalEventHandlers, ev: Event) => any) | null; onerror: OnErrorEventHandler; onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null; onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null; ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null; oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null; onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null; onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null; onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null; onload: ((this: GlobalEventHandlers, ev: Event) => any) | null; onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null; onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null; onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null; onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null; onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null; onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null; onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null; onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null; onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null; onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null; onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null; onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null; onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null; onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null; onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null; onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null; onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null; onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null; onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null; onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null; onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null; onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null; ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null; ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null; ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined; ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined; ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined; ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined; ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null; ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null; ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null; ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null; onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null; onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null; onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null; onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null; onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null; onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null; onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null; autofocus: boolean; readonly dataset: DOMStringMap; render: () => import("lit-html").TemplateResult<1>; emit: { (name: T_4 extends keyof GlobalEventHandlersEventMap ? GlobalEventHandlersEventMap[T_4] extends CustomEvent> ? GlobalEventHandlersEventMap[T_4] extends CustomEvent> ? T_4 : Partial extends GlobalEventHandlersEventMap[T_4]["detail"] ? T_4 : never : T_4 : T_4, options?: (T_4 extends keyof GlobalEventHandlersEventMap ? GlobalEventHandlersEventMap[T_4] extends CustomEvent> ? GlobalEventHandlersEventMap[T_4] extends CustomEvent> ? CustomEventInit : Partial extends GlobalEventHandlersEventMap[T_4]["detail"] ? CustomEventInit : CustomEventInit & { detail: GlobalEventHandlersEventMap[T_4]["detail"]; } : CustomEventInit : CustomEventInit) | undefined): T_4 extends keyof GlobalEventHandlersEventMap ? GlobalEventHandlersEventMap[T_4] extends CustomEvent ? GlobalEventHandlersEventMap[T_4] : CustomEvent : CustomEvent; (name: T_5 extends keyof GlobalEventHandlersEventMap ? GlobalEventHandlersEventMap[T_5] extends CustomEvent> ? GlobalEventHandlersEventMap[T_5] extends CustomEvent> ? never : Partial extends GlobalEventHandlersEventMap[T_5]["detail"] ? never : T_5 : never : never, options: T_5 extends keyof GlobalEventHandlersEventMap ? GlobalEventHandlersEventMap[T_5] extends CustomEvent> ? GlobalEventHandlersEventMap[T_5] extends CustomEvent> ? CustomEventInit : Partial extends GlobalEventHandlersEventMap[T_5]["detail"] ? CustomEventInit : CustomEventInit & { detail: GlobalEventHandlersEventMap[T_5]["detail"]; } : CustomEventInit : CustomEventInit): T_5 extends keyof GlobalEventHandlersEventMap ? GlobalEventHandlersEventMap[T_5] extends CustomEvent ? GlobalEventHandlersEventMap[T_5] : CustomEvent : CustomEvent; }; variant: import("../../components/typography/typography.types.js").Variant; } & { onOConnected: (e: OConnectedEvent) => void; onODisconnected: (e: ODisconnectedEvent) => void; }> & React.RefAttributes>; } export default OComponent;