import type * as Components from "./src/index"; import type { LitElement } from "lit"; import type * as React from "react"; type WCProps = Partial< Omit >; type MapEvents = { [K in keyof T as K extends `on${infer E}` ? `on${Lowercase}` : K]: T[K]; }; declare module "react" { namespace JSX { interface IntrinsicElements { "nord-avatar": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-badge": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-banner": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-button": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-button-group": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-calendar": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Dispatched when a date is selected and the value changes. */ onchange?: (event: Event) => void; /** * Dispatched when the calendar's focused date changes. */ "onnord-focus-date"?: (event: Event) => void; }; "nord-card": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-checkbox": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired whenever the input's value is changed via user interaction. */ onchange?: (event: Event) => void; /** * Fired as the user types into the input. */ oninput?: (event: Event) => void; }; "nord-command-menu": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * The command menu was closed. */ onclose?: (event: Event) => void; /** * Fired as the user types into the search input. */ oninput?: (event: Event) => void; /** * User selected a command from the menu. */ "onnord-select"?: (event: Event) => void; /** * The command menu was opened. */ onopen?: (event: Event) => void; }; "nord-date-picker": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired whenever the input's value is changed via user interaction. */ onchange?: (event: Event) => void; /** * Dispatched when the popout is closed. */ onclose?: (event: Event) => void; /** * Fired as the user types into the input. */ oninput?: (event: Event) => void; /** * Dispatched when the calendar's focused date changes. */ "onnord-focus-date"?: (event: Event) => void; /** * Dispatched when the popout is opened. */ onopen?: (event: Event) => void; }; "nord-divider": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-drawer": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-dropdown": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Dispatched when the popout is closed. */ onclose?: (event: Event) => void; /** * Dispatched when the popout is opened. */ onopen?: (event: Event) => void; }; "nord-dropdown-group": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-dropdown-item": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-dropdown-submenu": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Forwarded from the internal nord-popout. */ onclose?: (event: Event) => void; /** * Fired when mobile stack navigation activates this submenu. */ "onnord-submenu-navigate"?: (event: Event) => void; /** * Forwarded from the internal nord-popout. */ onopen?: (event: Event) => void; }; "nord-empty-state": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-fieldset": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-footer": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-header": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-icon": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-input": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired whenever the input's value is changed via user interaction. */ onchange?: (event: Event) => void; /** * Fired as the user types into the input. */ oninput?: (event: Event) => void; /** * Fired when some text has been selected. */ onselect?: (event: Event) => void; }; "nord-layout": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-message": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-modal": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Dispatched before the modal has closed when a user attempts to dismiss a modal. The event includes a trigger property containing the original event that caused the dismiss. Call preventDefault() on the event to prevent the modal closing. */ oncancel?: (event: Event) => void; /** * Dispatched when a modal is closed for any reason. The event includes an optional trigger property containing the original event that caused the close, if the modal was closed by a user action. */ onclose?: (event: Event) => void; /** * undefined */ onclosetrigger?: (event: Event) => void; /** * undefined */ ontrigger?: (event: Event) => void; }; "nord-nav-group": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Dispatched whenever a nav item has been marked as active */ onactivate?: (event: Event) => void; /** * Dispatched whenever a nav item's state changes between open and closed. */ ontoggle?: (event: Event) => void; }; "nord-navigation": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Dispatched whenever a nav item has been marked as active */ onactivate?: (event: Event) => void; /** * Dispatched whenever a nav item's state changes between open and closed. */ ontoggle?: (event: Event) => void; }; "nord-nav-item": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Dispatched whenever a nav item has been marked as active */ onactivate?: (event: Event) => void; /** * Dispatched whenever a nav item's state changes between open and closed. */ ontoggle?: (event: Event) => void; }; "nord-nav-toggle": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-notification": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired when the notification is dismissed, and its exit animation has completed. This event should be used to remove the dismissed notification from the DOM. */ ondismiss?: (event: Event) => void; }; "nord-notification-group": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired when a notification is dismissed, and its exit animation has completed. This event should be used to remove the dismissed notification from the DOM. */ ondismiss?: (event: Event) => void; }; "nord-popout": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Dispatched when the popout is closed. */ onclose?: (event: Event) => void; /** * Dispatched when the popout is opened. */ onopen?: (event: Event) => void; }; "nord-progress": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-progress-bar": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-qrcode": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-radio": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired whenever the input's value is changed via user interaction. */ onchange?: (event: Event) => void; /** * Fired as the user types into the input. */ oninput?: (event: Event) => void; }; "nord-range": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired whenever the input's value is changed via user interaction. */ onchange?: (event: Event) => void; /** * Fired as the user types into the input. */ oninput?: (event: Event) => void; }; "nord-segmented-control": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired whenever a segmented control item has been checked. */ onchange?: (event: Event) => void; }; "nord-segmented-control-item": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired whenever the segmented control item has been checked. */ onchange?: (event: Event) => void; /** * Fired as the user types into the input. */ oninput?: (event: Event) => void; }; "nord-select": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired whenever the input's value is changed via user interaction. */ onchange?: (event: Event) => void; /** * Fired as the user types into the input. */ oninput?: (event: Event) => void; }; "nord-skeleton": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-spinner": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-stack": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-tab": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-tab-group": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-table": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-tab-panel": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-tag": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired whenever the tag has been checked or unchecked via user interaction. */ onchange?: (event: Event) => void; /** * Fired when the remove button is activated. This event should be used to remove the tag from the DOM. */ onremove?: (event: Event) => void; }; "nord-tag-group": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired whenever a tag has been checked or unchecked via user interaction. */ onchange?: (event: Event) => void; /** * Fired when the remove button is activated on a tag. This event should be used to remove the tag from the DOM. */ onremove?: (event: Event) => void; }; "nord-textarea": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired whenever the input's value is changed via user interaction. */ onchange?: (event: Event) => void; /** * Fired as the user types into the input. */ oninput?: (event: Event) => void; /** * Fired when some text has been selected. */ onselect?: (event: Event) => void; }; "nord-toast": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired when the toast is dismissed (via user action or auto-dismiss), and its exit animation has completed. This event should be used to remove the dismissed toast from the DOM. */ ondismiss?: (event: Event) => void; }; "nord-toast-group": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired when a toast is dismissed (via user action or auto-dismiss), and its exit animation has completed. This event should be used to remove the dismissed toast from the DOM. */ ondismiss?: (event: Event) => void; }; "nord-toggle": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & { /** * Fired whenever the input's value is changed via user interaction. */ onchange?: (event: Event) => void; /** * Fired as the user types into the input. */ oninput?: (event: Event) => void; }; "nord-tooltip": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-top-bar": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; "nord-visually-hidden": WCProps & React.RefAttributes & React.HTMLAttributes & React.Attributes & {}; } } }