@nvidia-elements/core 0.0.2 → 0.0.4

package/dist/custom-elements-jsx.d.ts

@@ -288,13 +288,6 @@ export type AlertProps = {
   onclose?: (e: CustomEvent<never>) => void;
 };
 
-export type AppHeaderProps = {
-  /** @deprecated - not supported on custom element tags */
-  "nve-layout"?: string;
-  /** @deprecated - not supported on custom element tags */
-  "nve-text"?: string;
-};
-
 export type AvatarGroupProps = {
   /** @deprecated - not supported on custom element tags */
   "nve-layout"?: string;
@@ -717,6 +710,8 @@ export type ComboboxProps = {
   container?: "flat";
   /** Disable rendering of inline tags for many-item select */
   notags?: boolean;
+  /** Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail. */
+  "behavior-create"?: boolean;
   /** @deprecated - not supported on custom element tags */
   "nve-layout"?: string;
   /** @deprecated - not supported on custom element tags */
@@ -745,6 +740,10 @@ export type ComboboxProps = {
 - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
   prominence?: "muted";
 
+  /** Fires when the user confirms a value that doesn't match any existing option and the `behavior-create` attribute exists. `detail: { value }`. */
+  oncreate?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. */
+  onscroll?: (e: CustomEvent<never>) => void;
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
@@ -1259,6 +1258,64 @@ export type FileProps = {
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
+export type FormatDatetimeProps = {
+  /** Optional date string for values supplied by JavaScript or bound data.
+By default, the component formats the element's text content, which also serves as the SSR fallback.
+When both are present, this property takes precedence. */
+  date?: string | "default";
+  /** Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. */
+  locale?: string | "default";
+  /** Weekday representation: 'long' | 'short' | 'narrow'. */
+  weekday?: "long" | "short" | "narrow" | "default";
+  /** Year representation: 'numeric' | '2-digit'. */
+  year?: "numeric" | "2-digit" | "default";
+  /** Month representation: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'. */
+  month?: "numeric" | "2-digit" | "long" | "short" | "narrow" | "default";
+  /** Day representation: 'numeric' | '2-digit'. */
+  day?: "numeric" | "2-digit" | "default";
+  /** Hour representation: 'numeric' | '2-digit'. */
+  hour?: "numeric" | "2-digit" | "default";
+  /** Minute representation: 'numeric' | '2-digit'. */
+  minute?: "numeric" | "2-digit" | "default";
+  /** Second representation: 'numeric' | '2-digit'. */
+  second?: "numeric" | "2-digit" | "default";
+  /** Preset date formatting style: 'full' | 'long' | 'medium' | 'short'.
+Preset styles take precedence over granular date and time part options. */
+  "date-style"?: "full" | "long" | "medium" | "short" | "default";
+  /** Preset time formatting style: 'full' | 'long' | 'medium' | 'short'.
+Preset styles take precedence over granular date and time part options. */
+  "time-style"?: "full" | "long" | "medium" | "short" | "default";
+  /** Time zone name display: 'long' | 'short'. Use it with granular options only; preset styles ignore it. */
+  "time-zone-name"?: "long" | "short" | "default";
+  /** IANA time zone identifier (such as 'America/New_York', 'UTC'). */
+  "time-zone"?: string | "default";
+  /** @deprecated - not supported on custom element tags */
+  "nve-layout"?: string;
+  /** @deprecated - not supported on custom element tags */
+  "nve-text"?: string;
+};
+
+export type FormatRelativeTimeProps = {
+  /** Optional date string for values supplied by JavaScript or bound data.
+By default, the component formats the element's text content, which also serves as the SSR fallback.
+When both are present, this property takes precedence. */
+  date?: string | "default";
+  /** Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. */
+  locale?: string | "default";
+  /** Numeric formatting: 'always' | 'auto'. When 'auto', enables natural language forms such as 'yesterday' instead of '1 day ago'. */
+  numeric?: "always" | "auto";
+  /** Formatting length: 'long' | 'short' | 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option. */
+  "format-style"?: "long" | "short" | "narrow";
+  /** Time unit: 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' | 'auto'. Use 'auto' to let the component select the most appropriate unit based on the time difference. */
+  unit?: "second" | "minute" | "hour" | "day" | "week" | "month" | "year" | "auto";
+  /** When present, auto-updates the displayed relative time at appropriate intervals. */
+  sync?: boolean;
+  /** @deprecated - not supported on custom element tags */
+  "nve-layout"?: string;
+  /** @deprecated - not supported on custom element tags */
+  "nve-text"?: string;
+};
+
 export type ControlGroupProps = {
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -2143,22 +2200,6 @@ export type InputProps = {
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
-export type JSONViewerProps = {
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
-  value?: object;
-  /** Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
-- `true` The associated content expands and becomes visible to the user.
-
-- `false` The associated content collapses and hides from the user. */
-  expanded?: boolean;
-  /**  */
-  expandedAll?: boolean;
-  /** @deprecated - not supported on custom element tags */
-  "nve-layout"?: string;
-  /** @deprecated - not supported on custom element tags */
-  "nve-text"?: string;
-};
-
 export type LogoProps = {
   /** Defines a base color from the theme color palette */
   color?:
@@ -2279,6 +2320,8 @@ export type MenuProps = {
   "nve-text"?: string;
   /**  */
   items?: MenuItem[];
+  /** Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. */
+  onscroll?: (e: CustomEvent<never>) => void;
 };
 
 export type MonthProps = {
@@ -3279,6 +3322,18 @@ export type SwitchProps = {
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
+export type TabsGroupProps = {
+  /** Determines the alignment of the popover relative to the provided anchor element. */
+  alignment?: "top" | "start" | "end";
+  /** @deprecated - not supported on custom element tags */
+  "nve-layout"?: string;
+  /** @deprecated - not supported on custom element tags */
+  "nve-text"?: string;
+
+  /** Dispatched when the selected tab value changes after an invoker `--toggle` updates selection */
+  onselect?: (e: CustomEvent<CustomEvent>) => void;
+};
+
 export type TabsItemProps = {
   /** Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
 - `true` The element holds selection and represents the user's current choice within the group.
@@ -3978,29 +4033,6 @@ export type CustomElements = {
    */
   "nve-alert": Partial<AlertProps & BaseProps & BaseEvents>;
 
-  /**
-   * @deprecated use `nve-page-header` instead
-   *
-   * An element that appears across the top of all pages containing the application name and primary navigation.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - Use the default slot in `logo` to create an app logo badge within the app header. Include a `<span>` element inside `app-header` to change the default application title.
-   * - **title** - undefined
-   * - **nav-items** - For `button` and `icon-button` elements used for navigation behavior. Use the `active` attribute to show the current page.
-   * - **nav-actions** - For `icon-button` elements. Places them in the supplemental actions section of the app header.
-   *
-   * ### **CSS Properties:**
-   *  - **--background** - undefined _(default: undefined)_
-   * - **--padding** - undefined _(default: undefined)_
-   * - **--border-bottom** - undefined _(default: undefined)_
-   * - **--color** - undefined _(default: undefined)_
-   * - **--font-weight** - undefined _(default: undefined)_
-   * - **--text-decoration** - undefined _(default: undefined)_
-   */
-  "nve-app-header": Partial<AppHeaderProps & BaseProps & BaseEvents>;
-
   /**
    * An avatar group displays a collection of user avatars in a compact and organized layout, showcasing many participants or contributors in a space-efficient way.
    * ---
@@ -4304,7 +4336,9 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **reset**
+   *  - **create** - Fires when the user confirms a value that doesn't match any existing option and the `behavior-create` attribute exists. `detail: { value }`.
+   * - **scroll** - Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.
+   * - **reset**
    *
    * ### **Methods:**
    *  - **reset()** - Resets control value to initial attribute value and clears any active validation rules.
@@ -4346,6 +4380,7 @@ export type CustomElements = {
    * - **menu-item** - The menu item elements
    * - **checkbox** - The checkbox element
    * - **icon** - The icon element
+   * - **create-option** - The menu item element for creating new options
    */
   "nve-combobox": Partial<ComboboxProps & BaseProps & BaseEvents>;
 
@@ -4784,6 +4819,28 @@ export type CustomElements = {
    */
   "nve-file": Partial<FileProps & BaseProps & BaseEvents>;
 
+  /**
+   * Formats a date/time value as localized text using the Intl.DateTimeFormat API. Renders inside a semantic time element.
+   * Granular options (weekday, year, month, day, hour, minute, second) mirror the Intl.DateTimeFormat API. 'numeric' omits zero-padding, '2-digit' zero-pads.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.
+   */
+  "nve-format-datetime": Partial<FormatDatetimeProps & BaseProps & BaseEvents>;
+
+  /**
+   * Formats a date/time value as localized relative text using the Intl.RelativeTimeFormat API. Renders inside a semantic time element.
+   * Options mirror the Intl.RelativeTimeFormat API. When unit is 'auto', the component selects the best unit based on the time difference.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.
+   */
+  "nve-format-relative-time": Partial<FormatRelativeTimeProps & BaseProps & BaseEvents>;
+
   /**
    * Groups many related form controls under a shared label and validation context for semantically linked inputs.
    * ---
@@ -5085,21 +5142,6 @@ export type CustomElements = {
    */
   "nve-input": Partial<InputProps & BaseProps & BaseEvents>;
 
-  /**
-   * @deprecated use `nve-monaco-input` instead
-   *
-   * The JSON Viewer is a custom element that renders JSON data in a easy to read format. Use it for prototyping and quickly displaying and debugging data. The JSON View is not a substitute for treeview patterns.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - default slot for json
-   *
-   * ### **CSS Parts:**
-   *  - **json-node** - The json node elements
-   */
-  "nve-json-viewer": Partial<JSONViewerProps & BaseProps & BaseEvents>;
-
   /**
    * A visual indicator for a brand or application.
    * ---
@@ -5152,6 +5194,9 @@ export type CustomElements = {
    * ---
    *
    *
+   * ### **Events:**
+   *  - **scroll** - Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.
+   *
    * ### **Slots:**
    *  - _default_ - default slot for `nve-menu-item`
    *
@@ -6015,6 +6060,23 @@ export type CustomElements = {
    */
   "nve-switch": Partial<SwitchProps & BaseProps & BaseEvents>;
 
+  /**
+   * Coordinates tabs with matching panel content using Invoker Commands and slot-matched panels.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **select** - Dispatched when the selected tab value changes after an invoker `--toggle` updates selection
+   *
+   * ### **Slots:**
+   *  - _default_ - Default slot for a single nve-tabs element. Do not use behavior-select on nve-tabs when using this group.
+   * - **value** - Named panel content where the slot name matches a nve-tabs-item value.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - undefined _(default: undefined)_
+   */
+  "nve-tabs-group": Partial<TabsGroupProps & BaseProps & BaseEvents>;
+
   /**
    * Represents an individual tab within a tablist, providing a selectable button for switching between content views.
    * ---
@@ -6329,7 +6391,7 @@ export type CustomElements = {
    *
    * ### **Slots:**
    *  - _default_ - Use default slot for basic text content or nested <nve-tree-node> elements.
-   * - **content** - Use for extended long form content containing interactive elements or form inputs.
+   * - **content** - Use only for extended long form content containing interactive elements or form inputs.
    *
    * ### **CSS Properties:**
    *  - **--color** - undefined _(default: undefined)_

package/dist/custom-elements-vue.d.ts

@@ -215,13 +215,6 @@ type AlertProps = {
   onclose?: (e: CustomEvent<never>) => void;
 };
 
-type AppHeaderProps = {
-  /** @deprecated - not supported on custom element tags */
-  "nve-layout"?: string;
-  /** @deprecated - not supported on custom element tags */
-  "nve-text"?: string;
-};
-
 type AvatarGroupProps = {
   /** @deprecated - not supported on custom element tags */
   "nve-layout"?: string;
@@ -644,6 +637,8 @@ type ComboboxProps = {
   container?: "flat";
   /** Disable rendering of inline tags for many-item select */
   notags?: boolean;
+  /** Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail. */
+  "behavior-create"?: boolean;
   /** @deprecated - not supported on custom element tags */
   "nve-layout"?: string;
   /** @deprecated - not supported on custom element tags */
@@ -672,6 +667,10 @@ type ComboboxProps = {
 - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. */
   prominence?: "muted";
 
+  /** Fires when the user confirms a value that doesn't match any existing option and the `behavior-create` attribute exists. `detail: { value }`. */
+  oncreate?: (e: CustomEvent<CustomEvent>) => void;
+  /** Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. */
+  onscroll?: (e: CustomEvent<never>) => void;
   /**  */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
@@ -1186,6 +1185,64 @@ type FileProps = {
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
+type FormatDatetimeProps = {
+  /** Optional date string for values supplied by JavaScript or bound data.
+By default, the component formats the element's text content, which also serves as the SSR fallback.
+When both are present, this property takes precedence. */
+  date?: string | "default";
+  /** Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. */
+  locale?: string | "default";
+  /** Weekday representation: 'long' | 'short' | 'narrow'. */
+  weekday?: "long" | "short" | "narrow" | "default";
+  /** Year representation: 'numeric' | '2-digit'. */
+  year?: "numeric" | "2-digit" | "default";
+  /** Month representation: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'. */
+  month?: "numeric" | "2-digit" | "long" | "short" | "narrow" | "default";
+  /** Day representation: 'numeric' | '2-digit'. */
+  day?: "numeric" | "2-digit" | "default";
+  /** Hour representation: 'numeric' | '2-digit'. */
+  hour?: "numeric" | "2-digit" | "default";
+  /** Minute representation: 'numeric' | '2-digit'. */
+  minute?: "numeric" | "2-digit" | "default";
+  /** Second representation: 'numeric' | '2-digit'. */
+  second?: "numeric" | "2-digit" | "default";
+  /** Preset date formatting style: 'full' | 'long' | 'medium' | 'short'.
+Preset styles take precedence over granular date and time part options. */
+  "date-style"?: "full" | "long" | "medium" | "short" | "default";
+  /** Preset time formatting style: 'full' | 'long' | 'medium' | 'short'.
+Preset styles take precedence over granular date and time part options. */
+  "time-style"?: "full" | "long" | "medium" | "short" | "default";
+  /** Time zone name display: 'long' | 'short'. Use it with granular options only; preset styles ignore it. */
+  "time-zone-name"?: "long" | "short" | "default";
+  /** IANA time zone identifier (such as 'America/New_York', 'UTC'). */
+  "time-zone"?: string | "default";
+  /** @deprecated - not supported on custom element tags */
+  "nve-layout"?: string;
+  /** @deprecated - not supported on custom element tags */
+  "nve-text"?: string;
+};
+
+type FormatRelativeTimeProps = {
+  /** Optional date string for values supplied by JavaScript or bound data.
+By default, the component formats the element's text content, which also serves as the SSR fallback.
+When both are present, this property takes precedence. */
+  date?: string | "default";
+  /** Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. */
+  locale?: string | "default";
+  /** Numeric formatting: 'always' | 'auto'. When 'auto', enables natural language forms such as 'yesterday' instead of '1 day ago'. */
+  numeric?: "always" | "auto";
+  /** Formatting length: 'long' | 'short' | 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option. */
+  "format-style"?: "long" | "short" | "narrow";
+  /** Time unit: 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' | 'auto'. Use 'auto' to let the component select the most appropriate unit based on the time difference. */
+  unit?: "second" | "minute" | "hour" | "day" | "week" | "month" | "year" | "auto";
+  /** When present, auto-updates the displayed relative time at appropriate intervals. */
+  sync?: boolean;
+  /** @deprecated - not supported on custom element tags */
+  "nve-layout"?: string;
+  /** @deprecated - not supported on custom element tags */
+  "nve-text"?: string;
+};
+
 type ControlGroupProps = {
   /** Controls the directional arrangement and spacing behavior of the element's content.
 - `vertical` Arranges content in a vertical stack with block-level spacing.
@@ -2070,22 +2127,6 @@ type InputProps = {
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
-type JSONViewerProps = {
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
-  value?: object;
-  /** Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
-- `true` The associated content expands and becomes visible to the user.
-
-- `false` The associated content collapses and hides from the user. */
-  expanded?: boolean;
-  /**  */
-  expandedAll?: boolean;
-  /** @deprecated - not supported on custom element tags */
-  "nve-layout"?: string;
-  /** @deprecated - not supported on custom element tags */
-  "nve-text"?: string;
-};
-
 type LogoProps = {
   /** Defines a base color from the theme color palette */
   color?:
@@ -2206,6 +2247,8 @@ type MenuProps = {
   "nve-text"?: string;
   /**  */
   items?: MenuItem[];
+  /** Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. */
+  onscroll?: (e: CustomEvent<never>) => void;
 };
 
 type MonthProps = {
@@ -3206,6 +3249,18 @@ type SwitchProps = {
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
+type TabsGroupProps = {
+  /** Determines the alignment of the popover relative to the provided anchor element. */
+  alignment?: "top" | "start" | "end";
+  /** @deprecated - not supported on custom element tags */
+  "nve-layout"?: string;
+  /** @deprecated - not supported on custom element tags */
+  "nve-text"?: string;
+
+  /** Dispatched when the selected tab value changes after an invoker `--toggle` updates selection */
+  onselect?: (e: CustomEvent<CustomEvent>) => void;
+};
+
 type TabsItemProps = {
   /** Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
 - `true` The element holds selection and represents the user's current choice within the group.
@@ -3905,29 +3960,6 @@ export type CustomElements = {
    */
   "nve-alert": DefineComponent<AlertProps>;
 
-  /**
-   * @deprecated use `nve-page-header` instead
-   *
-   * An element that appears across the top of all pages containing the application name and primary navigation.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - Use the default slot in `logo` to create an app logo badge within the app header. Include a `<span>` element inside `app-header` to change the default application title.
-   * - **title** - undefined
-   * - **nav-items** - For `button` and `icon-button` elements used for navigation behavior. Use the `active` attribute to show the current page.
-   * - **nav-actions** - For `icon-button` elements. Places them in the supplemental actions section of the app header.
-   *
-   * ### **CSS Properties:**
-   *  - **--background** - undefined _(default: undefined)_
-   * - **--padding** - undefined _(default: undefined)_
-   * - **--border-bottom** - undefined _(default: undefined)_
-   * - **--color** - undefined _(default: undefined)_
-   * - **--font-weight** - undefined _(default: undefined)_
-   * - **--text-decoration** - undefined _(default: undefined)_
-   */
-  "nve-app-header": DefineComponent<AppHeaderProps>;
-
   /**
    * An avatar group displays a collection of user avatars in a compact and organized layout, showcasing many participants or contributors in a space-efficient way.
    * ---
@@ -4231,7 +4263,9 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **reset**
+   *  - **create** - Fires when the user confirms a value that doesn't match any existing option and the `behavior-create` attribute exists. `detail: { value }`.
+   * - **scroll** - Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.
+   * - **reset**
    *
    * ### **Methods:**
    *  - **reset()** - Resets control value to initial attribute value and clears any active validation rules.
@@ -4273,6 +4307,7 @@ export type CustomElements = {
    * - **menu-item** - The menu item elements
    * - **checkbox** - The checkbox element
    * - **icon** - The icon element
+   * - **create-option** - The menu item element for creating new options
    */
   "nve-combobox": DefineComponent<ComboboxProps>;
 
@@ -4711,6 +4746,28 @@ export type CustomElements = {
    */
   "nve-file": DefineComponent<FileProps>;
 
+  /**
+   * Formats a date/time value as localized text using the Intl.DateTimeFormat API. Renders inside a semantic time element.
+   * Granular options (weekday, year, month, day, hour, minute, second) mirror the Intl.DateTimeFormat API. 'numeric' omits zero-padding, '2-digit' zero-pads.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.
+   */
+  "nve-format-datetime": DefineComponent<FormatDatetimeProps>;
+
+  /**
+   * Formats a date/time value as localized relative text using the Intl.RelativeTimeFormat API. Renders inside a semantic time element.
+   * Options mirror the Intl.RelativeTimeFormat API. When unit is 'auto', the component selects the best unit based on the time difference.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.
+   */
+  "nve-format-relative-time": DefineComponent<FormatRelativeTimeProps>;
+
   /**
    * Groups many related form controls under a shared label and validation context for semantically linked inputs.
    * ---
@@ -5012,21 +5069,6 @@ export type CustomElements = {
    */
   "nve-input": DefineComponent<InputProps>;
 
-  /**
-   * @deprecated use `nve-monaco-input` instead
-   *
-   * The JSON Viewer is a custom element that renders JSON data in a easy to read format. Use it for prototyping and quickly displaying and debugging data. The JSON View is not a substitute for treeview patterns.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - default slot for json
-   *
-   * ### **CSS Parts:**
-   *  - **json-node** - The json node elements
-   */
-  "nve-json-viewer": DefineComponent<JSONViewerProps>;
-
   /**
    * A visual indicator for a brand or application.
    * ---
@@ -5079,6 +5121,9 @@ export type CustomElements = {
    * ---
    *
    *
+   * ### **Events:**
+   *  - **scroll** - Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.
+   *
    * ### **Slots:**
    *  - _default_ - default slot for `nve-menu-item`
    *
@@ -5942,6 +5987,23 @@ export type CustomElements = {
    */
   "nve-switch": DefineComponent<SwitchProps>;
 
+  /**
+   * Coordinates tabs with matching panel content using Invoker Commands and slot-matched panels.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **select** - Dispatched when the selected tab value changes after an invoker `--toggle` updates selection
+   *
+   * ### **Slots:**
+   *  - _default_ - Default slot for a single nve-tabs element. Do not use behavior-select on nve-tabs when using this group.
+   * - **value** - Named panel content where the slot name matches a nve-tabs-item value.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - undefined _(default: undefined)_
+   */
+  "nve-tabs-group": DefineComponent<TabsGroupProps>;
+
   /**
    * Represents an individual tab within a tablist, providing a selectable button for switching between content views.
    * ---
@@ -6256,7 +6318,7 @@ export type CustomElements = {
    *
    * ### **Slots:**
    *  - _default_ - Use default slot for basic text content or nested <nve-tree-node> elements.
-   * - **content** - Use for extended long form content containing interactive elements or form inputs.
+   * - **content** - Use only for extended long form content containing interactive elements or form inputs.
    *
    * ### **CSS Properties:**
    *  - **--color** - undefined _(default: undefined)_