@nordhealth/components 4.26.2 → 5.0.0

package/lib/react.d.ts

@@ -13,6 +13,36 @@ type MapEvents<T> = {
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
+      "nord-accordion": WCProps<Components.Accordion> &
+        React.RefAttributes<Components.Accordion> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when an item is expanded or collapsed. The event includes a `value` array of the currently open item values.
+           */
+          onchange?: (event: Event) => void;
+        };
+
+      "nord-accordion-header": WCProps<Components.AccordionHeader> &
+        React.RefAttributes<Components.AccordionHeader> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-accordion-item": WCProps<Components.AccordionItem> &
+        React.RefAttributes<Components.AccordionItem> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-accordion-panel": WCProps<Components.AccordionPanel> &
+        React.RefAttributes<Components.AccordionPanel> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-accordion-trigger": WCProps<Components.AccordionTrigger> &
+        React.RefAttributes<Components.AccordionTrigger> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
       "nord-aside": WCProps<Components.Aside> &
         React.RefAttributes<Components.Aside> &
         React.HTMLAttributes<HTMLElement> &
@@ -58,6 +88,36 @@ declare module "react" {
         React.HTMLAttributes<HTMLElement> &
         React.Attributes & {};
 
+      "nord-autocomplete": WCProps<Components.Autocomplete> &
+        React.RefAttributes<Components.Autocomplete> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when the committed value changes via user interaction.
+           */
+          onchange?: (event: Event) => void;
+
+          /**
+           * Dispatched when the value is cleared via the clear button or `clear()`.
+           */
+          onclear?: (event: Event) => void;
+
+          /**
+           * Dispatched when the listbox is closed.
+           */
+          onclose?: (event: Event) => void;
+
+          /**
+           * Dispatched as the user types into the input.
+           */
+          oninput?: (event: Event) => void;
+
+          /**
+           * Dispatched when the listbox is opened.
+           */
+          onopen?: (event: Event) => void;
+        };
+
       "nord-avatar": WCProps<Components.Avatar> &
         React.RefAttributes<Components.Avatar> &
         React.HTMLAttributes<HTMLElement> &
@@ -96,6 +156,11 @@ declare module "react" {
            * Dispatched when the calendar's focused date changes.
            */
           "onnord-focus-date"?: (event: Event) => void;
+
+          /**
+           * Dispatched in `range` mode when a complete range (start and end) has been selected.
+           */
+          "onrange-change"?: (event: Event) => void;
         };
 
       "nord-card": WCProps<Components.Card> &
@@ -118,6 +183,71 @@ declare module "react" {
           oninput?: (event: Event) => void;
         };
 
+      "nord-collapsible": WCProps<Components.Collapsible> &
+        React.RefAttributes<Components.Collapsible> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when the collapsible is opened or closed. The event includes an `open` property reflecting the new state.
+           */
+          ontoggle?: (event: Event) => void;
+        };
+
+      "nord-collapsible-panel": WCProps<Components.CollapsiblePanel> &
+        React.RefAttributes<Components.CollapsiblePanel> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-collapsible-trigger": WCProps<Components.CollapsibleTrigger> &
+        React.RefAttributes<Components.CollapsibleTrigger> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-combobox": WCProps<Components.Combobox> &
+        React.RefAttributes<Components.Combobox> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when the committed value changes via user interaction.
+           */
+          onchange?: (event: Event) => void;
+
+          /**
+           * Dispatched when the value is cleared via the clear button or `clear()`.
+           */
+          onclear?: (event: Event) => void;
+
+          /**
+           * Dispatched when the listbox is closed.
+           */
+          onclose?: (event: Event) => void;
+
+          /**
+           * Dispatched when the user chooses the "Create" affordance in a `creatable` combobox.
+           */
+          oncreate?: (event: Event) => void;
+
+          /**
+           * Dispatched as the user types into the search input.
+           */
+          oninput?: (event: Event) => void;
+
+          /**
+           * Dispatched when the listbox is opened.
+           */
+          onopen?: (event: Event) => void;
+        };
+
+      "nord-combobox-group": WCProps<Components.ComboboxGroup> &
+        React.RefAttributes<Components.ComboboxGroup> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-combobox-option": WCProps<Components.ComboboxOption> &
+        React.RefAttributes<Components.ComboboxOption> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
       "nord-command-menu": WCProps<Components.CommandMenu> &
         React.RefAttributes<Components.CommandMenu> &
         React.HTMLAttributes<HTMLElement> &
@@ -173,6 +303,31 @@ declare module "react" {
           onopen?: (event: Event) => void;
         };
 
+      "nord-date-range-picker": WCProps<Components.DateRangePicker> &
+        React.RefAttributes<Components.DateRangePicker> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when the committed range changes (Apply or Clear).
+           */
+          onchange?: (event: Event) => void;
+
+          /**
+           * Dispatched when the popout is closed.
+           */
+          onclose?: (event: Event) => void;
+
+          /**
+           * Dispatched live as the pending range changes inside the popout.
+           */
+          oninput?: (event: Event) => void;
+
+          /**
+           * Dispatched when the popout is opened.
+           */
+          onopen?: (event: Event) => void;
+        };
+
       "nord-divider": WCProps<Components.Divider> &
         React.RefAttributes<Components.Divider> &
         React.HTMLAttributes<HTMLElement> &
@@ -233,11 +388,206 @@ declare module "react" {
         React.HTMLAttributes<HTMLElement> &
         React.Attributes & {};
 
+      "nord-field": WCProps<Components.Field> &
+        React.RefAttributes<Components.Field> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-field-content": WCProps<Components.FieldContent> &
+        React.RefAttributes<Components.FieldContent> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-field-description": WCProps<Components.FieldDescription> &
+        React.RefAttributes<Components.FieldDescription> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-field-error": WCProps<Components.FieldError> &
+        React.RefAttributes<Components.FieldError> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-field-group": WCProps<Components.FieldGroup> &
+        React.RefAttributes<Components.FieldGroup> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-field-label": WCProps<Components.FieldLabel> &
+        React.RefAttributes<Components.FieldLabel> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-field-legend": WCProps<Components.FieldLegend> &
+        React.RefAttributes<Components.FieldLegend> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-field-separator": WCProps<Components.FieldSeparator> &
+        React.RefAttributes<Components.FieldSeparator> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
       "nord-fieldset": WCProps<Components.Fieldset> &
         React.RefAttributes<Components.Fieldset> &
         React.HTMLAttributes<HTMLElement> &
         React.Attributes & {};
 
+      "nord-field-set": WCProps<Components.FieldSet> &
+        React.RefAttributes<Components.FieldSet> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-field-title": WCProps<Components.FieldTitle> &
+        React.RefAttributes<Components.FieldTitle> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-filter-add-button": WCProps<Components.FilterAddButton> &
+        React.RefAttributes<Components.FilterAddButton> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when the popout is closed.
+           */
+          onclose?: (event: Event) => void;
+
+          /**
+           * Dispatched when the popout is opened.
+           */
+          onopen?: (event: Event) => void;
+
+          /**
+           * Dispatched with the chosen option's `id` when an option is selected.
+           */
+          onselect?: (event: Event) => void;
+        };
+
+      "nord-filter-bar": WCProps<Components.FilterBar> &
+        React.RefAttributes<Components.FilterBar> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-filter-date-range": WCProps<Components.FilterDateRange> &
+        React.RefAttributes<Components.FilterDateRange> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when the committed range changes (Apply or clear).
+           */
+          onchange?: (event: Event) => void;
+
+          /**
+           * Dispatched when the chip's clear affordance is pressed.
+           */
+          onclear?: (event: Event) => void;
+
+          /**
+           * Dispatched when the popout is closed.
+           */
+          onclose?: (event: Event) => void;
+
+          /**
+           * Dispatched when the popout is opened.
+           */
+          onopen?: (event: Event) => void;
+
+          /**
+           * Dispatched when the chip's remove affordance is pressed.
+           */
+          onremove?: (event: Event) => void;
+        };
+
+      "nord-filter-dropdown": WCProps<Components.FilterDropdown> &
+        React.RefAttributes<Components.FilterDropdown> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when the committed selection changes via user interaction.
+           */
+          onchange?: (event: Event) => void;
+
+          /**
+           * Dispatched when the selection is cleared, before `change`.
+           */
+          onclear?: (event: Event) => void;
+
+          /**
+           * Dispatched when the popout is closed.
+           */
+          onclose?: (event: Event) => void;
+
+          /**
+           * Dispatched when the list is scrolled near its end (infinite scroll).
+           */
+          "onload-more"?: (event: Event) => void;
+
+          /**
+           * Dispatched when the popout is opened.
+           */
+          onopen?: (event: Event) => void;
+
+          /**
+           * Dispatched when the filter is removed (only when `removable`).
+           */
+          onremove?: (event: Event) => void;
+
+          /**
+           * Dispatched as the user types when `searchable` (use with `internal-search="false"` for async search).
+           */
+          "onsearch-change"?: (event: Event) => void;
+        };
+
+      "nord-filter-field": WCProps<Components.FilterField> &
+        React.RefAttributes<Components.FilterField> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when the clear affordance is pressed.
+           */
+          onclear?: (event: Event) => void;
+
+          /**
+           * Dispatched when the remove affordance is pressed.
+           */
+          onremove?: (event: Event) => void;
+        };
+
+      "nord-filter-input": WCProps<Components.FilterInput> &
+        React.RefAttributes<Components.FilterInput> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when the value is committed.
+           */
+          onchange?: (event: Event) => void;
+
+          /**
+           * Dispatched when the chip-mode popout is closed.
+           */
+          onclose?: (event: Event) => void;
+
+          /**
+           * Dispatched as the user types into the input.
+           */
+          oninput?: (event: Event) => void;
+
+          /**
+           * Dispatched when the chip-mode popout is opened.
+           */
+          onopen?: (event: Event) => void;
+        };
+
+      "nord-filter-reset-button": WCProps<Components.FilterResetButton> &
+        React.RefAttributes<Components.FilterResetButton> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when the button is pressed to clear all active filters.
+           */
+          onreset?: (event: Event) => void;
+        };
+
       "nord-footer": WCProps<Components.Footer> &
         React.RefAttributes<Components.Footer> &
         React.HTMLAttributes<HTMLElement> &
@@ -273,6 +623,66 @@ declare module "react" {
           onselect?: (event: Event) => void;
         };
 
+      "nord-item": WCProps<Components.Item> &
+        React.RefAttributes<Components.Item> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-item-actions": WCProps<Components.ItemActions> &
+        React.RefAttributes<Components.ItemActions> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-item-content": WCProps<Components.ItemContent> &
+        React.RefAttributes<Components.ItemContent> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-item-description": WCProps<Components.ItemDescription> &
+        React.RefAttributes<Components.ItemDescription> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-item-footer": WCProps<Components.ItemFooter> &
+        React.RefAttributes<Components.ItemFooter> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-item-group": WCProps<Components.ItemGroup> &
+        React.RefAttributes<Components.ItemGroup> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-item-header": WCProps<Components.ItemHeader> &
+        React.RefAttributes<Components.ItemHeader> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-item-media": WCProps<Components.ItemMedia> &
+        React.RefAttributes<Components.ItemMedia> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-item-separator": WCProps<Components.ItemSeparator> &
+        React.RefAttributes<Components.ItemSeparator> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-item-title": WCProps<Components.ItemTitle> &
+        React.RefAttributes<Components.ItemTitle> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-kbd": WCProps<Components.Kbd> &
+        React.RefAttributes<Components.Kbd> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-kbd-group": WCProps<Components.KbdGroup> &
+        React.RefAttributes<Components.KbdGroup> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
       "nord-layout": WCProps<Components.Layout> &
         React.RefAttributes<Components.Layout> &
         React.HTMLAttributes<HTMLElement> &
@@ -293,6 +703,11 @@ declare module "react" {
         React.HTMLAttributes<HTMLElement> &
         React.Attributes & {};
 
+      "nord-meter": WCProps<Components.Meter> &
+        React.RefAttributes<Components.Meter> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
       "nord-modal": WCProps<Components.Modal> &
         React.RefAttributes<Components.Modal> &
         React.HTMLAttributes<HTMLElement> &
@@ -378,6 +793,96 @@ declare module "react" {
           ondismiss?: (event: Event) => void;
         };
 
+      "nord-number-field": WCProps<Components.NumberField> &
+        React.RefAttributes<Components.NumberField> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when the value is committed (on blur, keyboard step, or pointer-up after a button hold or scrub). Carries the numeric value and a `reason`.
+           */
+          onchange?: (event: Event) => void;
+
+          /**
+           * Dispatched as the value changes during interaction (typing a parseable value, clearing, each step, each button tick, each wheel notch, each scrub increment).
+           */
+          oninput?: (event: Event) => void;
+        };
+
+      "nord-otp-field": WCProps<Components.OtpField> &
+        React.RefAttributes<Components.OtpField> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched alongside `input` when the committed value changes via user interaction.
+           */
+          onchange?: (event: Event) => void;
+
+          /**
+           * Dispatched after the value updates when every cell becomes filled.
+           */
+          oncomplete?: (event: Event) => void;
+
+          /**
+           * Dispatched whenever the OTP value changes through user interaction (typing, Backspace/Delete, paste, autofill).
+           */
+          oninput?: (event: Event) => void;
+
+          /**
+           * Dispatched when typed or pasted text contained characters rejected by `type`.
+           */
+          "onvalue-invalid"?: (event: Event) => void;
+        };
+
+      "nord-outline": WCProps<Components.Outline> &
+        React.RefAttributes<Components.Outline> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Dispatched when the active section changes. Includes an `activeId` property.
+           */
+          onchange?: (event: Event) => void;
+        };
+
+      "nord-outline-item": WCProps<Components.OutlineItem> &
+        React.RefAttributes<Components.OutlineItem> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-pagination": WCProps<Components.Pagination> &
+        React.RefAttributes<Components.Pagination> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-pagination-content": WCProps<Components.PaginationContent> &
+        React.RefAttributes<Components.PaginationContent> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-pagination-ellipsis": WCProps<Components.PaginationEllipsis> &
+        React.RefAttributes<Components.PaginationEllipsis> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-pagination-item": WCProps<Components.PaginationItem> &
+        React.RefAttributes<Components.PaginationItem> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-pagination-link": WCProps<Components.PaginationLink> &
+        React.RefAttributes<Components.PaginationLink> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-pagination-next": WCProps<Components.PaginationNext> &
+        React.RefAttributes<Components.PaginationNext> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
+      "nord-pagination-previous": WCProps<Components.PaginationPrevious> &
+        React.RefAttributes<Components.PaginationPrevious> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
       "nord-popout": WCProps<Components.Popout> &
         React.RefAttributes<Components.Popout> &
         React.HTMLAttributes<HTMLElement> &
@@ -438,6 +943,11 @@ declare module "react" {
           oninput?: (event: Event) => void;
         };
 
+      "nord-scroll-area": WCProps<Components.ScrollArea> &
+        React.RefAttributes<Components.ScrollArea> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {};
+
       "nord-segmented-control": WCProps<Components.SegmentedControl> &
         React.RefAttributes<Components.SegmentedControl> &
         React.HTMLAttributes<HTMLElement> &
@@ -563,6 +1073,16 @@ declare module "react" {
           onselect?: (event: Event) => void;
         };
 
+      "nord-time-picker": WCProps<Components.TimePicker> &
+        React.RefAttributes<Components.TimePicker> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {
+          /**
+           * Fired when the selected time changes.
+           */
+          onchange?: (event: Event) => void;
+        };
+
       "nord-toast": WCProps<Components.Toast> &
         React.RefAttributes<Components.Toast> &
         React.HTMLAttributes<HTMLElement> &