@nvidia-elements/core 0.0.3 → 0.0.5

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

@@ -131,52 +131,6 @@ export type AccordionGroupProps = {
   "nve-text"?: string;
 };
 
-export type AlertBannerProps = {
-  /** @deprecated - not supported on custom element tags */
-  "nve-layout"?: string;
-  /** @deprecated - not supported on custom element tags */
-  "nve-text"?: string;
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `accent` Highlights important actions or draws attention to primary interactive elements.
-
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions.
-
-- `danger` Signals destructive or irreversible actions that need extra attention and confirmation. */
-  status?: "accent" | "warning" | "success" | "danger" | "default";
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `emphasis` Increases visual weight to draw attention and highlight important elements. */
-  prominence?: "emphasis" | "default";
-  /** Defines a base color from the theme color palette */
-  color?:
-    | "red-cardinal"
-    | "gray-slate"
-    | "gray-denim"
-    | "blue-indigo"
-    | "blue-cobalt"
-    | "blue-sky"
-    | "teal-cyan"
-    | "green-mint"
-    | "teal-seafoam"
-    | "green-grass"
-    | "yellow-amber"
-    | "orange-pumpkin"
-    | "red-tomato"
-    | "pink-magenta"
-    | "purple-plum"
-    | "purple-violet"
-    | "purple-lavender"
-    | "pink-rose"
-    | "green-jade"
-    | "lime-pear"
-    | "yellow-nova"
-    | "brand-green";
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `full` Element container optimizes for filling its container bounds. */
-  container?: "full" | "default";
-};
-
 export type AlertGroupProps = {
   /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
 - `accent` Highlights important actions or draws attention to primary interactive elements.
@@ -710,6 +664,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 */
@@ -738,6 +694,8 @@ 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;
   /**  */
@@ -1254,6 +1212,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.
@@ -3260,6 +3276,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.
@@ -3888,27 +3916,6 @@ export type CustomElements = {
    */
   "nve-accordion-group": Partial<AccordionGroupProps & BaseProps & BaseEvents>;
 
-  /**
-   * @deprecated true
-   *
-   * An alert banner is an element that displays a brief, important message outside the context of the current page.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - default slot for nve-alert
-   *
-   * ### **CSS Properties:**
-   *  - **--gap** - undefined _(default: undefined)_
-   * - **--color** - undefined _(default: undefined)_
-   * - **--padding** - undefined _(default: undefined)_
-   * - **--font-size** - undefined _(default: undefined)_
-   * - **--background** - undefined _(default: undefined)_
-   * - **--border-radius** - undefined _(default: undefined)_
-   * - **--border** - undefined _(default: undefined)_
-   */
-  "nve-alert-banner": Partial<AlertBannerProps & BaseProps & BaseEvents>;
-
   /**
    * An alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task.
    * ---
@@ -4262,7 +4269,8 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **scroll** - Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.
+   *  - **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:**
@@ -4305,6 +4313,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>;
 
@@ -4743,6 +4752,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.
    * ---
@@ -5962,6 +5993,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.
    * ---
@@ -6276,7 +6324,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

@@ -58,52 +58,6 @@ type AccordionGroupProps = {
   "nve-text"?: string;
 };
 
-type AlertBannerProps = {
-  /** @deprecated - not supported on custom element tags */
-  "nve-layout"?: string;
-  /** @deprecated - not supported on custom element tags */
-  "nve-text"?: string;
-  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
-- `accent` Highlights important actions or draws attention to primary interactive elements.
-
-- `warning` Indicates cautionary actions that require careful consideration before proceeding.
-
-- `success` Represents positive outcomes, confirmations, or constructive actions.
-
-- `danger` Signals destructive or irreversible actions that need extra attention and confirmation. */
-  status?: "accent" | "warning" | "success" | "danger" | "default";
-  /** Controls the visual prominence to establish hierarchy and guide user attention.
-- `emphasis` Increases visual weight to draw attention and highlight important elements. */
-  prominence?: "emphasis" | "default";
-  /** Defines a base color from the theme color palette */
-  color?:
-    | "red-cardinal"
-    | "gray-slate"
-    | "gray-denim"
-    | "blue-indigo"
-    | "blue-cobalt"
-    | "blue-sky"
-    | "teal-cyan"
-    | "green-mint"
-    | "teal-seafoam"
-    | "green-grass"
-    | "yellow-amber"
-    | "orange-pumpkin"
-    | "red-tomato"
-    | "pink-magenta"
-    | "purple-plum"
-    | "purple-violet"
-    | "purple-lavender"
-    | "pink-rose"
-    | "green-jade"
-    | "lime-pear"
-    | "yellow-nova"
-    | "brand-green";
-  /** Demonstrates different container styles to accommodate visual weight and context.
-- `full` Element container optimizes for filling its container bounds. */
-  container?: "full" | "default";
-};
-
 type AlertGroupProps = {
   /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
 - `accent` Highlights important actions or draws attention to primary interactive elements.
@@ -637,6 +591,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 */
@@ -665,6 +621,8 @@ 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;
   /**  */
@@ -1181,6 +1139,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.
@@ -3187,6 +3203,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.
@@ -3815,27 +3843,6 @@ export type CustomElements = {
    */
   "nve-accordion-group": DefineComponent<AccordionGroupProps>;
 
-  /**
-   * @deprecated true
-   *
-   * An alert banner is an element that displays a brief, important message outside the context of the current page.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - default slot for nve-alert
-   *
-   * ### **CSS Properties:**
-   *  - **--gap** - undefined _(default: undefined)_
-   * - **--color** - undefined _(default: undefined)_
-   * - **--padding** - undefined _(default: undefined)_
-   * - **--font-size** - undefined _(default: undefined)_
-   * - **--background** - undefined _(default: undefined)_
-   * - **--border-radius** - undefined _(default: undefined)_
-   * - **--border** - undefined _(default: undefined)_
-   */
-  "nve-alert-banner": DefineComponent<AlertBannerProps>;
-
   /**
    * An alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task.
    * ---
@@ -4189,7 +4196,8 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **scroll** - Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.
+   *  - **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:**
@@ -4232,6 +4240,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>;
 
@@ -4670,6 +4679,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.
    * ---
@@ -5889,6 +5920,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.
    * ---
@@ -6203,7 +6251,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)_