@nvidia-elements/core 0.0.0 → 0.0.1

package/dist/internal/types/index.d.ts

@@ -1,358 +0,0 @@
-import { TemplateResult } from 'lit';
-import { IconName } from '../../icon';
-import { I18nStrings } from '../services/i18n.service.js';
-export type 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';
-/** Controls the visual scale of an element to match its importance and available space.
- * - `sm` - Compact size for dense layouts or secondary elements with less visual prominence.
- * - `md` - Standard size that works well in most contexts and provides balanced visibility.
- * - `lg` - Larger size for emphasizing important elements or improving touch targets in spacious layouts.
- */
-export type Size = 'sm' | 'md' | 'lg';
-/** Controls the visual scale of an element to match its importance and available space.
- * - `xs` - Extra small size for minimal elements or highly dense layouts.
- * - `sm` - Compact size for dense layouts or secondary elements with less visual prominence.
- * - `md` - Standard size that works well in most contexts and provides balanced visibility.
- * - `lg` - Larger size for emphasizing important elements or improving touch targets in spacious layouts.
- * - `xl` - Extra large size for emphasizing elements or sparse layouts.
- */
-export type SizeExpanded = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-/** Controls the visual prominence to establish hierarchy and guide user attention.
- * - `emphasis` - Increases visual weight to draw attention and highlight important elements.
- * - `muted` - Reduces visual weight for supporting content that should remain subtle and unobtrusive.
- */
-export type Prominence = 'emphasis' | 'muted';
-/**
- * Determines the container bounds of the element
- * - `flat` Element has white space bounds but reduced visual container.
- * - `inline` Element container reduces to fit within inline content such as a block of text.
- * - `inset` Element container optimizes for embedding or inset placement inside another containing element.
- * - `full` Element container optimizes for filling its container bounds.
- * - `condensed` Element container optimizes for small, summarized or contained spaces.
- */
-export type Container = 'inline' | 'flat' | 'inset' | 'full' | 'condensed';
-/** 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.
- */
-export type SupportStatus = 'accent' | 'warning' | 'success' | 'danger';
-/** Controls how the chart connects intermediate values between points in a data series.
- * - `linear` - Connects points with straight line segments.
- * - `smooth` - Connects points with smooth bezier curves.
- * - `step` - Connects points with horizontal and vertical step segments.
- */
-export type Interpolation = 'linear' | 'smooth' | 'step';
-/** Determines the orientation of an element. */
-export type Orientation = 'vertical' | 'horizontal';
-/** Communicates the current state of a task or process to keep users informed of progress and outcomes.
- * - `scheduled` - Task has a scheduled future execution at a specific time.
- * - `queued` - Task is waiting in line to begin after other tasks complete.
- * - `pending` - Task is awaiting approval, user input, or external conditions before proceeding.
- * - `starting` - Task is initializing and preparing to begin active execution.
- * - `running` - Task is actively executing and making progress.
- * - `restarting` - Task restarts after an interruption or reset.
- * - `stopping` - Task is gracefully shutting down and completing cleanup operations.
- * - `finished` - Task has completed successfully with the expected outcome.
- * - `failed` - Task encountered an error and did not complete as intended.
- * - `unknown` - Task status remains unknown or unavailable.
- * - `ignored` - Task was intentionally skipped or excluded from execution.
- */
-export type TaskStatus = 'scheduled' | 'queued' | 'pending' | 'starting' | 'running' | 'restarting' | 'stopping' | 'finished' | 'failed' | 'unknown' | 'ignored';
-/**
- * https://open-ui.org/components/popup.research.explainer#api-shape
- * - `auto` light dismiss, focus on open, return to trigger
- * - `manual` no light dismiss, no auto focus
- * - `hint` no light dismiss, no auto focus, open/close on hover/focus
- */
-export type PopoverType = 'auto' | 'manual' | 'hint' | 'inline';
-/** Controls how the popover aligns along the edge of its anchor element.
- * - `start` - Aligns the popover to the beginning edge of the anchor for left or top alignment.
- * - `end` - Aligns the popover to the ending edge of the anchor for right or bottom alignment.
- * - `center` - Centers the popover along the anchor's edge for balanced positioning.
- */
-export type PopoverAlign = 'start' | 'end' | 'center';
-/** Determines the popover position relative to its assigned anchor and alignment.
- * - `top` - Positions the popover above the anchor element.
- * - `bottom` - Positions the popover below the anchor element.
- * - `left` - Positions the popover to the left side of the anchor element.
- * - `right` - Positions the popover to the right side of the anchor element.
- */
-export type PopoverSides = 'top' | 'bottom' | 'left' | 'right';
-/** Controls the placement of the popover relative to its anchor element.
- * - `center` - Centers the popover directly over the anchor element.
- * - `top` - Positions the popover above the anchor element.
- * - `bottom` - Positions the popover below the anchor element.
- * - `left` - Positions the popover to the left side of the anchor element.
- * - `right` - Positions the popover to the right side of the anchor element.
- */
-export type PopoverPosition = 'center' | 'top' | 'bottom' | 'left' | 'right';
-/** Determines the position of an element relative to its anchor */
-export type Placement = PopoverPosition | `${PopoverSides}-${PopoverAlign}`;
-/** Controls the directional arrangement and spacing behavior of the element's content.
- * - `vertical` - Arranges content in a vertical stack with block-level spacing.
- * - `vertical-inline` - Arranges content vertically with compact inline spacing for dense layouts.
- * - `horizontal` - Arranges content in a horizontal row with block-level spacing.
- * - `horizontal-inline` - Arranges content horizontally with compact inline spacing.
- */
-export type ControlLayout = 'vertical' | 'vertical-inline' | 'horizontal' | 'horizontal-inline';
-/** Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
- * - `page` - Marks the current page within a set of navigation links.
- * - `step` - Marks the current step within a multi-step process or workflow.
- */
-export type Current = 'page' | 'step';
-/** Controls how data points are visually encoded in a sparkline chart.
- * - `line` - Renders data as a connected line to emphasize macro trend.
- * - `area` - Renders data as a filled area beneath a line to emphasize magnitude over time.
- * - `gradient` - Renders a line with gradient color treatment to communicate value intensity across the series.
- * - `column` - Renders data as vertical columns for easy comparison of discrete values.
- * - `winloss` - Renders outcomes as binary or ternary bars to highlight wins, losses, and optional ties.
- */
-export type SparklineMark = 'line' | 'area' | 'gradient' | 'column' | 'winloss';
-export interface NveElement {
-    /**
-     * This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
-     * - `true` - The element has a disabled state and does not accept interaction.
-     * - `false` - The element has an enabled state and accepts interaction.
-     */
-    disabled?: boolean;
-    /** Indicates whether the element is currently actively engaged through user interaction. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:active)
-     * - `true` - The user is pressing or activating the element (mousedown, keydown, or touch).
-     * - `false` - No active user engagement on the element.
-     */
-    active?: boolean;
-    /** 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;
-    /** Indicates the current state of a toggle button that switches on or off. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)
-     * - `true` - The button is in the pressed (on) state and the associated action or setting is active.
-     * - `false` - The button is in the unpressed (off) state and the associated action or setting is inactive.
-     */
-    pressed?: boolean;
-    /** 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.
-     * - `false` - The element does not hold selection and the user can choose it.
-     */
-    selected?: boolean;
-    /** Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     * - `true` - The element has a readonly state: the user cannot change its value, but can still focus and copy it.
-     * - `false` - The element allows editing and the user can change its value through interaction.
-     */
-    readonly?: boolean;
-    /** 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?: string;
-    /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */
-    name?: string;
-    /** Indicates whether the user can dismiss or close the element.
-     * - `true` - The element displays a close control and the user can dismiss it.
-     * - `false` - The user cannot close the element and must dismiss it programmatically.
-     */
-    closable?: boolean;
-    /** Enables updating internal string values for internationalization. */
-    i18n?: Partial<I18nStrings & {
-        __set: boolean;
-    }>;
-    /** Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
-     * - `page` - Marks the current page within a set of navigation links.
-     * - `step` - Marks the current step within a multi-step process or workflow.
-     */
-    current?: 'page' | 'step';
-    /** Controls the horizontal alignment of the element within its container, respecting the text direction. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout)
-     * - `start` - Aligns the element to the beginning of the inline axis (left in LTR, right in RTL).
-     * - `center` - Centers the element along the inline axis for balanced visual positioning.
-     * - `end` - Aligns the element to the end of the inline axis (right in LTR, left in RTL).
-     */
-    inlinePosition?: 'start' | 'center' | 'end';
-    /** Controls the vertical alignment of the element within its container. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout)
-     * - `start` - Aligns the element to the top of the block axis for top-aligned positioning.
-     * - `center` - Centers the element along the block axis for balanced vertical positioning.
-     * - `end` - Aligns the element to the bottom of the block axis for bottom-aligned positioning.
-     */
-    blockPosition?: 'start' | 'center' | 'end';
-    /** Controls the directional arrangement and spacing behavior of the element's content.
-     * - `vertical` - Arranges content in a vertical stack with block-level spacing.
-     * - `vertical-inline` - Arranges content vertically with compact inline spacing for dense layouts.
-     * - `horizontal` - Arranges content in a horizontal row with block-level spacing.
-     * - `horizontal-inline` - Arranges content horizontally with compact inline spacing.
-     */
-    layout?: 'vertical' | 'vertical-inline' | 'horizontal' | 'horizontal-inline';
-    /** Controls the directional flow of the element's layout and interaction pattern.
-     * - `vertical` - Element orients vertically with top-to-bottom flow.
-     * - `horizontal` - Element orients horizontally with left-to-right flow.
-     */
-    orientation?: 'vertical' | 'horizontal';
-    /** Controls the visual prominence to establish hierarchy and guide user attention.
-     * - `emphasis` - Increases visual weight to draw attention and highlight important elements.
-     * - `muted` - Reduces visual weight for supporting content that should remain subtle and unobtrusive.
-     */
-    prominence?: 'emphasis' | 'muted';
-    /** The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors.
-     * - `emphasis` Shows the interaction targets emphasis or highlighting primary actions.
-     * - `destructive` Shows the interaction targets destructive actions such as deleting or removing.
-     */
-    interaction?: 'emphasis' | 'destructive';
-    /** 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';
-    /** 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';
-    /** Controls the visual scale of an element to match its importance and available space.
-     * - `sm` - Compact size for dense layouts or secondary elements with less visual prominence.
-     * - `md` - Standard size that works well in most contexts and provides balanced visibility.
-     * - `lg` - Larger size for emphasizing important elements or improving touch targets in spacious layouts.
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * Demonstrates different container styles to accommodate visual weight and context.
-     * - `flat` Element has white space bounds but reduced visual container.
-     * - `inline` Element container reduces to fit within inline content such as a block of text.
-     * - `inset` Element container optimizes for embedding or inset placement inside another containing element.
-     * - `full` Element container optimizes for filling its container bounds.
-     */
-    container?: 'inline' | 'flat' | 'inset' | 'full';
-    /** Determines the position of an element along both inline and block axis. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) */
-    position?: 'top-start' | 'top-end' | 'top-center' | 'bottom-start' | 'bottom-end' | 'bottom-center' | 'left-start' | 'left-end' | 'left-center' | 'right-start' | 'right-end' | 'right-center';
-    /** Determines the alignment of the popover relative to the provided anchor element. */
-    alignment?: 'start' | 'end' | 'center';
-    /** Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. */
-    anchor?: string | HTMLElement;
-    /** Defines what element triggers an `open` interaction event. A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. */
-    trigger?: string | HTMLElement;
-    /** Defines named content areas where users can insert custom markup into the element.
-     * - `default` - The primary content area for the element.
-     * - `prefix` - Content that appears before the main element content.
-     * - `suffix` - Content that appears after the main element content.
-     * - `header` - Content that appears at the top of the element, used for titles or introductory information.
-     * - `footer` - Content that appears at the bottom of the element, used for supplementary information or actions.
-     * - `actions` - Content area specifically for interactive controls like buttons or links.
-     * - `icon` - Content area for displaying an icon that represents the element's purpose or state.
-     */
-    slots?: 'default' | 'prefix' | 'suffix' | 'header' | 'footer' | 'actions' | 'icon';
-    /**
-     * Sets the automatic dismissal time in milliseconds before the element emits a `close` event. Allow ~200-250ms per word for comfortable reading.
-     * - `0` - Warning or error messages requiring immediate acknowledgment.
-     * - `3000` - Brief success or confirmation messages.
-     * - `7000` - Standard informational messages.
-     * - `10000` - Messages with actions or requiring user decision.
-     */
-    closeTimeout?: number;
-    /**
-     * Sets the delay in milliseconds before the element emits a `open` event.
-     * - `0` - Keyboard focus interactions (always immediate for accessibility).
-     * - `500` - Dense interfaces with many tooltips to reduce visual noise and prevent accidental triggers.
-     */
-    openDelay?: number;
-    /** @private An instance of `ElementInternals` that decorators/controllers set dynamically */
-    _internals: ElementInternals;
-    render: TemplateResult;
-}
-/** Defines named content areas where users can insert custom markup into the element.
- * - `default` - The primary content area for the element.
- * - `prefix` - Content that appears before the main element content.
- * - `suffix` - Content that appears after the main element content.
- * - `header` - Content that appears at the top of the element, used for titles or introductory information.
- * - `footer` - Content that appears at the bottom of the element, used for supplementary information or actions.
- * - `actions` - Content area specifically for interactive controls like buttons or links.
- * - `icon` - Content area for displaying an icon that represents the element's purpose or state.
- */
-export type SlotName = 'default' | 'prefix' | 'suffix' | 'header' | 'footer' | 'actions' | 'icon';
-/** @deprecated Determines the flat container element interaction. */
-export type FlatInteraction = 'flat' | 'flat-emphasize' | `${'flat'}-${Interaction}`;
-/** @deprecated Determines if an element renders with an inverse contrast. */
-export type Inverse = 'inverse';
-/** @deprecated Determines the trend status of an element. Should convey the trend of a metric. */
-export type TrendStatus = 'trend-down' | 'trend-up' | 'trend-neutral';
-/** The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors.
- * - `emphasis` Shows the interaction targets emphasis or highlighting primary actions.
- * - `destructive` Shows the interaction targets destructive actions such as deleting or removing.
- */
-export type Interaction = 'emphasis' | 'destructive';
-export interface ContainerElement {
-    container?: Partial<Container>;
-}
-/** An element that renders complex data structures (e.g., arrays, series, matrices) rather than composable UI content and values expressible with primitive attributes. */
-export interface DataElement<T extends unknown[] | Record<string, unknown>> {
-    data?: T;
-}
-export declare const statusIcons: {
-    [key: string]: IconName;
-};
-declare global {
-    var NVE_ELEMENTS: {
-        state: {
-            bundle: boolean;
-            env: 'watch' | 'production' | 'development';
-            pageHost: string;
-            moduleHost: string;
-            versions: string[];
-            scopedRegistry: {
-                [key: string]: CustomElementRegistry;
-            };
-            elementRegistry: Readonly<{
-                [key: string]: string;
-            }>;
-            i18nRegistry: Readonly<{
-                [key: string]: string;
-            }>;
-            audit: Readonly<{
-                [key: string]: {
-                    count?: number;
-                    excessiveInstanceLimitAudited?: boolean;
-                };
-            }>;
-        };
-        debug: (log?: (...args: unknown[]) => void) => void;
-    };
-    /** @deprecated use NVE_ELEMENTS */
-    var MLV_ELEMENTS: typeof NVE_ELEMENTS;
-    interface HTMLElement {
-        'nve-text': string;
-        'nve-layout': string;
-    }
-    interface CustomElementRegistry {
-        initialize(root: ShadowRoot | Document): void;
-    }
-    var CustomElementRegistry: {
-        new (): CustomElementRegistry;
-        prototype: CustomElementRegistry;
-    };
-}
-export interface ElementDefinition extends CustomElementConstructor {
-    metadata: {
-        version: string;
-        tag: string;
-    };
-    elementDefinitions?: {
-        [key: string]: ElementDefinition;
-    };
-    shadowRootOptions?: {
-        customElementRegistry?: CustomElementRegistry | null;
-    };
-}
-export interface Point {
-    x: number;
-    y: number;
-}
-export interface OffsetPoint {
-    offsetX: number;
-    offsetY: number;
-}
-export interface Dimensions {
-    width: number;
-    height: number;
-}
-export type Rect = Point & Dimensions;
-export interface Scale {
-    min: number;
-    max: number;
-}
-/** https://github.com/tc39/proposal-decorators */
-export type LegacyDecoratorTarget = Function & {
-    addInitializer?: (initializer: (instance: any) => void) => void;
-};

package/dist/internal/types/index.js

@@ -1,28 +0,0 @@
-//#region src/internal/types/index.ts
-var e = {
-	"": "information-circle-stroke",
-	undefined: "information-circle-stroke",
-	default: "information-circle-stroke",
-	accent: "information-circle-stroke",
-	warning: "exclamation-triangle",
-	success: "checkmark-circle",
-	danger: "exclamation-circle",
-	scheduled: "clock",
-	failed: "x-circle",
-	finished: "checkmark-circle",
-	unknown: "question-mark-circle",
-	queued: "bar-pill-stack",
-	running: "running",
-	restarting: "refresh",
-	stopping: "stop-sign",
-	pending: "circle-dash",
-	starting: "circle-dot",
-	"trend-up": "trend-up",
-	"trend-down": "trend-down",
-	"trend-neutral": "minus",
-	ignored: "circle-angled-line"
-};
-//#endregion
-export { e as statusIcons };
-
-//# sourceMappingURL=index.js.map

package/dist/internal/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/internal/types/index.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { TemplateResult } from 'lit';\nimport type { IconName } from '@nvidia-elements/core/icon';\nimport type { I18nStrings } from '../services/i18n.service.js';\n\nexport type Color =\n  | 'red-cardinal'\n  | 'gray-slate'\n  | 'gray-denim'\n  | 'blue-indigo'\n  | 'blue-cobalt'\n  | 'blue-sky'\n  | 'teal-cyan'\n  | 'green-mint'\n  | 'teal-seafoam'\n  | 'green-grass'\n  | 'yellow-amber'\n  | 'orange-pumpkin'\n  | 'red-tomato'\n  | 'pink-magenta'\n  | 'purple-plum'\n  | 'purple-violet'\n  | 'purple-lavender'\n  | 'pink-rose'\n  | 'green-jade'\n  | 'lime-pear'\n  | 'yellow-nova'\n  | 'brand-green';\n\n/** Controls the visual scale of an element to match its importance and available space.\n * - `sm` - Compact size for dense layouts or secondary elements with less visual prominence.\n * - `md` - Standard size that works well in most contexts and provides balanced visibility.\n * - `lg` - Larger size for emphasizing important elements or improving touch targets in spacious layouts.\n */\nexport type Size = 'sm' | 'md' | 'lg';\n\n/** Controls the visual scale of an element to match its importance and available space.\n * - `xs` - Extra small size for minimal elements or highly dense layouts.\n * - `sm` - Compact size for dense layouts or secondary elements with less visual prominence.\n * - `md` - Standard size that works well in most contexts and provides balanced visibility.\n * - `lg` - Larger size for emphasizing important elements or improving touch targets in spacious layouts.\n * - `xl` - Extra large size for emphasizing elements or sparse layouts.\n */\nexport type SizeExpanded = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/** Controls the visual prominence to establish hierarchy and guide user attention.\n * - `emphasis` - Increases visual weight to draw attention and highlight important elements.\n * - `muted` - Reduces visual weight for supporting content that should remain subtle and unobtrusive.\n */\nexport type Prominence = 'emphasis' | 'muted';\n\n/**\n * Determines the container bounds of the element\n * - `flat` Element has white space bounds but reduced visual container.\n * - `inline` Element container reduces to fit within inline content such as a block of text.\n * - `inset` Element container optimizes for embedding or inset placement inside another containing element.\n * - `full` Element container optimizes for filling its container bounds.\n * - `condensed` Element container optimizes for small, summarized or contained spaces.\n */\nexport type Container = 'inline' | 'flat' | 'inset' | 'full' | 'condensed';\n\n/** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.\n * - `accent` - Highlights important actions or draws attention to primary interactive elements.\n * - `warning` - Indicates cautionary actions that require careful consideration before proceeding.\n * - `success` - Represents positive outcomes, confirmations, or constructive actions.\n * - `danger` - Signals destructive or irreversible actions that need extra attention and confirmation.\n */\nexport type SupportStatus = 'accent' | 'warning' | 'success' | 'danger';\n\n/** Controls how the chart connects intermediate values between points in a data series.\n * - `linear` - Connects points with straight line segments.\n * - `smooth` - Connects points with smooth bezier curves.\n * - `step` - Connects points with horizontal and vertical step segments.\n */\nexport type Interpolation = 'linear' | 'smooth' | 'step';\n\n/** Determines the orientation of an element. */\nexport type Orientation = 'vertical' | 'horizontal';\n\n/** Communicates the current state of a task or process to keep users informed of progress and outcomes.\n * - `scheduled` - Task has a scheduled future execution at a specific time.\n * - `queued` - Task is waiting in line to begin after other tasks complete.\n * - `pending` - Task is awaiting approval, user input, or external conditions before proceeding.\n * - `starting` - Task is initializing and preparing to begin active execution.\n * - `running` - Task is actively executing and making progress.\n * - `restarting` - Task restarts after an interruption or reset.\n * - `stopping` - Task is gracefully shutting down and completing cleanup operations.\n * - `finished` - Task has completed successfully with the expected outcome.\n * - `failed` - Task encountered an error and did not complete as intended.\n * - `unknown` - Task status remains unknown or unavailable.\n * - `ignored` - Task was intentionally skipped or excluded from execution.\n */\nexport type TaskStatus =\n  | 'scheduled'\n  | 'queued'\n  | 'pending'\n  | 'starting'\n  | 'running'\n  | 'restarting'\n  | 'stopping'\n  | 'finished'\n  | 'failed'\n  | 'unknown'\n  | 'ignored';\n\n/**\n * https://open-ui.org/components/popup.research.explainer#api-shape\n * - `auto` light dismiss, focus on open, return to trigger\n * - `manual` no light dismiss, no auto focus\n * - `hint` no light dismiss, no auto focus, open/close on hover/focus\n */\nexport type PopoverType = 'auto' | 'manual' | 'hint' | 'inline';\n\n/** Controls how the popover aligns along the edge of its anchor element.\n * - `start` - Aligns the popover to the beginning edge of the anchor for left or top alignment.\n * - `end` - Aligns the popover to the ending edge of the anchor for right or bottom alignment.\n * - `center` - Centers the popover along the anchor's edge for balanced positioning.\n */\nexport type PopoverAlign = 'start' | 'end' | 'center';\n\n/** Determines the popover position relative to its assigned anchor and alignment.\n * - `top` - Positions the popover above the anchor element.\n * - `bottom` - Positions the popover below the anchor element.\n * - `left` - Positions the popover to the left side of the anchor element.\n * - `right` - Positions the popover to the right side of the anchor element.\n */\nexport type PopoverSides = 'top' | 'bottom' | 'left' | 'right';\n\n/** Controls the placement of the popover relative to its anchor element.\n * - `center` - Centers the popover directly over the anchor element.\n * - `top` - Positions the popover above the anchor element.\n * - `bottom` - Positions the popover below the anchor element.\n * - `left` - Positions the popover to the left side of the anchor element.\n * - `right` - Positions the popover to the right side of the anchor element.\n */\nexport type PopoverPosition = 'center' | 'top' | 'bottom' | 'left' | 'right';\n\n/** Determines the position of an element relative to its anchor */\nexport type Placement = PopoverPosition | `${PopoverSides}-${PopoverAlign}`;\n\n/** Controls the directional arrangement and spacing behavior of the element's content.\n * - `vertical` - Arranges content in a vertical stack with block-level spacing.\n * - `vertical-inline` - Arranges content vertically with compact inline spacing for dense layouts.\n * - `horizontal` - Arranges content in a horizontal row with block-level spacing.\n * - `horizontal-inline` - Arranges content horizontally with compact inline spacing.\n */\nexport type ControlLayout = 'vertical' | 'vertical-inline' | 'horizontal' | 'horizontal-inline';\n\n/** Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n * - `page` - Marks the current page within a set of navigation links.\n * - `step` - Marks the current step within a multi-step process or workflow.\n */\nexport type Current = 'page' | 'step';\n\n/** Controls how data points are visually encoded in a sparkline chart.\n * - `line` - Renders data as a connected line to emphasize macro trend.\n * - `area` - Renders data as a filled area beneath a line to emphasize magnitude over time.\n * - `gradient` - Renders a line with gradient color treatment to communicate value intensity across the series.\n * - `column` - Renders data as vertical columns for easy comparison of discrete values.\n * - `winloss` - Renders outcomes as binary or ternary bars to highlight wins, losses, and optional ties.\n */\nexport type SparklineMark = 'line' | 'area' | 'gradient' | 'column' | 'winloss';\n\nexport interface NveElement {\n  /**\n   * This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n   * - `true` - The element has a disabled state and does not accept interaction.\n   * - `false` - The element has an enabled state and accepts interaction.\n   */\n  disabled?: boolean;\n\n  /** Indicates whether the element is currently actively engaged through user interaction. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:active)\n   * - `true` - The user is pressing or activating the element (mousedown, keydown, or touch).\n   * - `false` - No active user engagement on the element.\n   */\n  active?: boolean;\n\n  /** 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)\n   * - `true` - The associated content expands and becomes visible to the user.\n   * - `false` - The associated content collapses and hides from the user.\n   */\n  expanded?: boolean;\n\n  /** Indicates the current state of a toggle button that switches on or off. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)\n   * - `true` - The button is in the pressed (on) state and the associated action or setting is active.\n   * - `false` - The button is in the unpressed (off) state and the associated action or setting is inactive.\n   */\n  pressed?: boolean;\n\n  /** 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)\n   * - `true` - The element holds selection and represents the user's current choice within the group.\n   * - `false` - The element does not hold selection and the user can choose it.\n   */\n  selected?: boolean;\n\n  /** Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   * - `true` - The element has a readonly state: the user cannot change its value, but can still focus and copy it.\n   * - `false` - The element allows editing and the user can change its value through interaction.\n   */\n  readonly?: boolean;\n\n  /** 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) */\n  value?: string;\n\n  /** The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name) */\n  name?: string;\n\n  /** Indicates whether the user can dismiss or close the element.\n   * - `true` - The element displays a close control and the user can dismiss it.\n   * - `false` - The user cannot close the element and must dismiss it programmatically.\n   */\n  closable?: boolean;\n\n  /** Enables updating internal string values for internationalization. */\n  i18n?: Partial<I18nStrings & { __set: boolean }>;\n\n  /** Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n   * - `page` - Marks the current page within a set of navigation links.\n   * - `step` - Marks the current step within a multi-step process or workflow.\n   */\n  current?: 'page' | 'step';\n\n  /** Controls the horizontal alignment of the element within its container, respecting the text direction. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout)\n   * - `start` - Aligns the element to the beginning of the inline axis (left in LTR, right in RTL).\n   * - `center` - Centers the element along the inline axis for balanced visual positioning.\n   * - `end` - Aligns the element to the end of the inline axis (right in LTR, left in RTL).\n   */\n  inlinePosition?: 'start' | 'center' | 'end';\n\n  /** Controls the vertical alignment of the element within its container. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout)\n   * - `start` - Aligns the element to the top of the block axis for top-aligned positioning.\n   * - `center` - Centers the element along the block axis for balanced vertical positioning.\n   * - `end` - Aligns the element to the bottom of the block axis for bottom-aligned positioning.\n   */\n  blockPosition?: 'start' | 'center' | 'end';\n\n  /** Controls the directional arrangement and spacing behavior of the element's content.\n   * - `vertical` - Arranges content in a vertical stack with block-level spacing.\n   * - `vertical-inline` - Arranges content vertically with compact inline spacing for dense layouts.\n   * - `horizontal` - Arranges content in a horizontal row with block-level spacing.\n   * - `horizontal-inline` - Arranges content horizontally with compact inline spacing.\n   */\n  layout?: 'vertical' | 'vertical-inline' | 'horizontal' | 'horizontal-inline';\n\n  /** Controls the directional flow of the element's layout and interaction pattern.\n   * - `vertical` - Element orients vertically with top-to-bottom flow.\n   * - `horizontal` - Element orients horizontally with left-to-right flow.\n   */\n  orientation?: 'vertical' | 'horizontal';\n\n  /** Controls the visual prominence to establish hierarchy and guide user attention.\n   * - `emphasis` - Increases visual weight to draw attention and highlight important elements.\n   * - `muted` - Reduces visual weight for supporting content that should remain subtle and unobtrusive.\n   */\n  prominence?: 'emphasis' | 'muted';\n\n  /** The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors.\n   * - `emphasis` Shows the interaction targets emphasis or highlighting primary actions.\n   * - `destructive` Shows the interaction targets destructive actions such as deleting or removing.\n   */\n  interaction?: 'emphasis' | 'destructive';\n\n  /** Defines a base color from the theme color palette */\n  color?:\n    | 'red-cardinal'\n    | 'gray-slate'\n    | 'gray-denim'\n    | 'blue-indigo'\n    | 'blue-cobalt'\n    | 'blue-sky'\n    | 'teal-cyan'\n    | 'green-mint'\n    | 'teal-seafoam'\n    | 'green-grass'\n    | 'yellow-amber'\n    | 'orange-pumpkin'\n    | 'red-tomato'\n    | 'pink-magenta'\n    | 'purple-plum'\n    | 'purple-violet'\n    | 'purple-lavender'\n    | 'pink-rose'\n    | 'green-jade'\n    | 'lime-pear'\n    | 'yellow-nova'\n    | 'brand-green';\n\n  /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.\n   * - `accent` - Highlights important actions or draws attention to primary interactive elements.\n   * - `warning` - Indicates cautionary actions that require careful consideration before proceeding.\n   * - `success` - Represents positive outcomes, confirmations, or constructive actions.\n   * - `danger` - Signals destructive or irreversible actions that need extra attention and confirmation.\n   */\n  status?: 'accent' | 'warning' | 'success' | 'danger';\n\n  /** Controls the visual scale of an element to match its importance and available space.\n   * - `sm` - Compact size for dense layouts or secondary elements with less visual prominence.\n   * - `md` - Standard size that works well in most contexts and provides balanced visibility.\n   * - `lg` - Larger size for emphasizing important elements or improving touch targets in spacious layouts.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * Demonstrates different container styles to accommodate visual weight and context.\n   * - `flat` Element has white space bounds but reduced visual container.\n   * - `inline` Element container reduces to fit within inline content such as a block of text.\n   * - `inset` Element container optimizes for embedding or inset placement inside another containing element.\n   * - `full` Element container optimizes for filling its container bounds.\n   */\n  container?: 'inline' | 'flat' | 'inset' | 'full';\n\n  /** Determines the position of an element along both inline and block axis. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout#the_two_axes_of_a_grid_layout) */\n  position?:\n    | 'top-start'\n    | 'top-end'\n    | 'top-center'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'bottom-center'\n    | 'left-start'\n    | 'left-end'\n    | 'left-center'\n    | 'right-start'\n    | 'right-end'\n    | 'right-center';\n\n  /** Determines the alignment of the popover relative to the provided anchor element. */\n  alignment?: 'start' | 'end' | 'center';\n\n  /** Provides the element that the popover should position relative to. Anchor can accept a idref string within the same render root or a HTMLElement DOM reference. */\n  anchor?: string | HTMLElement;\n\n  /** Defines what element triggers an `open` interaction event. A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. */\n  trigger?: string | HTMLElement;\n\n  /** Defines named content areas where users can insert custom markup into the element.\n   * - `default` - The primary content area for the element.\n   * - `prefix` - Content that appears before the main element content.\n   * - `suffix` - Content that appears after the main element content.\n   * - `header` - Content that appears at the top of the element, used for titles or introductory information.\n   * - `footer` - Content that appears at the bottom of the element, used for supplementary information or actions.\n   * - `actions` - Content area specifically for interactive controls like buttons or links.\n   * - `icon` - Content area for displaying an icon that represents the element's purpose or state.\n   */\n  slots?: 'default' | 'prefix' | 'suffix' | 'header' | 'footer' | 'actions' | 'icon';\n\n  /**\n   * Sets the automatic dismissal time in milliseconds before the element emits a `close` event. Allow ~200-250ms per word for comfortable reading.\n   * - `0` - Warning or error messages requiring immediate acknowledgment.\n   * - `3000` - Brief success or confirmation messages.\n   * - `7000` - Standard informational messages.\n   * - `10000` - Messages with actions or requiring user decision.\n   */\n  closeTimeout?: number;\n\n  /**\n   * Sets the delay in milliseconds before the element emits a `open` event.\n   * - `0` - Keyboard focus interactions (always immediate for accessibility).\n   * - `500` - Dense interfaces with many tooltips to reduce visual noise and prevent accidental triggers.\n   */\n  openDelay?: number;\n\n  /** @private An instance of `ElementInternals` that decorators/controllers set dynamically */\n  _internals: ElementInternals;\n\n  render: TemplateResult;\n}\n\n/** Defines named content areas where users can insert custom markup into the element.\n * - `default` - The primary content area for the element.\n * - `prefix` - Content that appears before the main element content.\n * - `suffix` - Content that appears after the main element content.\n * - `header` - Content that appears at the top of the element, used for titles or introductory information.\n * - `footer` - Content that appears at the bottom of the element, used for supplementary information or actions.\n * - `actions` - Content area specifically for interactive controls like buttons or links.\n * - `icon` - Content area for displaying an icon that represents the element's purpose or state.\n */\nexport type SlotName = 'default' | 'prefix' | 'suffix' | 'header' | 'footer' | 'actions' | 'icon';\n\n/** @deprecated Determines the flat container element interaction. */\nexport type FlatInteraction = 'flat' | 'flat-emphasize' | `${'flat'}-${Interaction}`;\n\n/** @deprecated Determines if an element renders with an inverse contrast. */\nexport type Inverse = 'inverse';\n\n/** @deprecated Determines the trend status of an element. Should convey the trend of a metric. */\nexport type TrendStatus = 'trend-down' | 'trend-up' | 'trend-neutral';\n\n/** The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors.\n * - `emphasis` Shows the interaction targets emphasis or highlighting primary actions.\n * - `destructive` Shows the interaction targets destructive actions such as deleting or removing.\n */\nexport type Interaction = 'emphasis' | 'destructive';\n\nexport interface ContainerElement {\n  container?: Partial<Container>;\n}\n\n/** An element that renders complex data structures (e.g., arrays, series, matrices) rather than composable UI content and values expressible with primitive attributes. */\nexport interface DataElement<T extends unknown[] | Record<string, unknown>> {\n  data?: T;\n}\n\nexport const statusIcons: { [key: string]: IconName } = {\n  '': 'information-circle-stroke',\n  undefined: 'information-circle-stroke',\n  default: 'information-circle-stroke',\n  accent: 'information-circle-stroke',\n  warning: 'exclamation-triangle',\n  success: 'checkmark-circle',\n  danger: 'exclamation-circle',\n  scheduled: 'clock',\n  failed: 'x-circle',\n  finished: 'checkmark-circle',\n  unknown: 'question-mark-circle',\n  queued: 'bar-pill-stack',\n  running: 'running',\n  restarting: 'refresh',\n  stopping: 'stop-sign',\n  pending: 'circle-dash',\n  starting: 'circle-dot',\n  'trend-up': 'trend-up',\n  'trend-down': 'trend-down',\n  'trend-neutral': 'minus',\n  ignored: 'circle-angled-line'\n} as const;\n\ndeclare global {\n  var NVE_ELEMENTS: {\n    state: {\n      bundle: boolean;\n      env: 'watch' | 'production' | 'development';\n      pageHost: string;\n      moduleHost: string;\n      versions: string[];\n      scopedRegistry: { [key: string]: CustomElementRegistry };\n      elementRegistry: Readonly<{ [key: string]: string }>;\n      i18nRegistry: Readonly<{ [key: string]: string }>;\n      audit: Readonly<{\n        [key: string]: {\n          count?: number;\n          excessiveInstanceLimitAudited?: boolean;\n        };\n      }>;\n    };\n    debug: (log?: (...args: unknown[]) => void) => void;\n  };\n\n  /** @deprecated use NVE_ELEMENTS */\n  var MLV_ELEMENTS: typeof NVE_ELEMENTS;\n\n  interface HTMLElement {\n    'nve-text': string;\n    'nve-layout': string;\n  }\n\n  interface CustomElementRegistry {\n    initialize(root: ShadowRoot | Document): void;\n  }\n\n  var CustomElementRegistry: {\n    new (): CustomElementRegistry;\n    prototype: CustomElementRegistry;\n  };\n}\n\nexport interface ElementDefinition extends CustomElementConstructor {\n  metadata: { version: string; tag: string };\n  elementDefinitions?: { [key: string]: ElementDefinition };\n  shadowRootOptions?: { customElementRegistry?: CustomElementRegistry | null };\n}\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\nexport interface OffsetPoint {\n  offsetX: number;\n  offsetY: number;\n}\n\nexport interface Dimensions {\n  width: number;\n  height: number;\n}\n\nexport type Rect = Point & Dimensions;\n\nexport interface Scale {\n  min: number;\n  max: number;\n}\n\n/** https://github.com/tc39/proposal-decorators */\n// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type\nexport type LegacyDecoratorTarget = Function & {\n  addInitializer?: (initializer: (instance: any) => void) => void; // eslint-disable-line @typescript-eslint/no-explicit-any\n};\n"],"mappings":";AAqZA,IAAa,IAA2C;CACtD,IAAI;CACJ,WAAW;CACX,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,UAAU;CACV,SAAS;CACT,QAAQ;CACR,SAAS;CACT,YAAY;CACZ,UAAU;CACV,SAAS;CACT,UAAU;CACV,YAAY;CACZ,cAAc;CACd,iBAAiB;CACjB,SAAS;CACV"}

package/dist/internal/utils/a11y.d.ts

@@ -1,8 +0,0 @@
-export declare function attachInternals(element: HTMLElement & {
-    _internals?: ElementInternals;
-}): void;
-export declare function associateLabel(label: HTMLLabelElement, input: HTMLInputElement): void;
-export declare function associateAriaLabel(label: HTMLElement, element: HTMLElement): void;
-export declare function associateAriaDescribedBy(messages: HTMLElement[], element: HTMLElement): void;
-export declare function associateDataList(datalist: HTMLDataListElement, element: HTMLInputElement): void;
-export declare function associateControlGroup(elements: HTMLInputElement[]): void;

package/dist/internal/utils/a11y.js

@@ -1,30 +0,0 @@
-import { generateId as e } from "./dom.js";
-//#region src/internal/utils/a11y.ts
-function t(e) {
-	e._internals === void 0 && (e._internals = e.attachInternals());
-}
-function n(t, n) {
-	t && n && (n.id = n.id ? n.id : e(), t.htmlFor = n.id);
-}
-function r(t, n) {
-	t && n && (t.id = t.id ? t.id : e(), n.setAttribute("aria-labelledby", t.id));
-}
-function i(t, n) {
-	if (t.length && n) {
-		let r = t.map((t) => t.id = e()).join(" ");
-		n.setAttribute("aria-describedby", r);
-	}
-}
-function a(t, n) {
-	t && (t.id = t.id?.length ? t.id : e(), n.setAttribute("list", t.id));
-}
-function o(t) {
-	if (!t.find((e) => e?.name?.length)) {
-		let n = e();
-		t.forEach((e) => e.name = n);
-	}
-}
-//#endregion
-export { i as associateAriaDescribedBy, r as associateAriaLabel, o as associateControlGroup, a as associateDataList, n as associateLabel, t as attachInternals };
-
-//# sourceMappingURL=a11y.js.map

package/dist/internal/utils/a11y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"a11y.js","names":[],"sources":["../../../src/internal/utils/a11y.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { generateId } from './dom.js';\n\nexport function attachInternals(element: HTMLElement & { _internals?: ElementInternals }) {\n  if (element._internals === undefined) {\n    element._internals = element.attachInternals() as unknown as ElementInternals;\n  }\n}\n\nexport function associateLabel(label: HTMLLabelElement, input: HTMLInputElement) {\n  if (label && input) {\n    input.id = input.id ? input.id : generateId();\n    label.htmlFor = input.id;\n  }\n}\n\nexport function associateAriaLabel(label: HTMLElement, element: HTMLElement) {\n  if (label && element) {\n    label.id = label.id ? label.id : generateId();\n    element.setAttribute('aria-labelledby', label.id);\n  }\n}\n\nexport function associateAriaDescribedBy(messages: HTMLElement[], element: HTMLElement) {\n  if (messages.length && element) {\n    const ids = messages.map(m => (m.id = generateId())).join(' ');\n    element.setAttribute('aria-describedby', ids);\n  }\n}\n\nexport function associateDataList(datalist: HTMLDataListElement, element: HTMLInputElement) {\n  if (datalist) {\n    datalist.id = datalist.id?.length ? datalist.id : generateId();\n    element.setAttribute('list', datalist.id);\n  }\n}\n\nexport function associateControlGroup(elements: HTMLInputElement[]) {\n  if (!elements.find(e => e?.name?.length)) {\n    const name = generateId();\n    elements.forEach(e => (e.name = name));\n  }\n}\n"],"mappings":";;AAKA,SAAgB,EAAgB,GAA0D;AACxF,CAAI,EAAQ,eAAe,KAAA,MACzB,EAAQ,aAAa,EAAQ,iBAAiB;;AAIlD,SAAgB,EAAe,GAAyB,GAAyB;AAC/E,CAAI,KAAS,MACX,EAAM,KAAK,EAAM,KAAK,EAAM,KAAK,GAAY,EAC7C,EAAM,UAAU,EAAM;;AAI1B,SAAgB,EAAmB,GAAoB,GAAsB;AAC3E,CAAI,KAAS,MACX,EAAM,KAAK,EAAM,KAAK,EAAM,KAAK,GAAY,EAC7C,EAAQ,aAAa,mBAAmB,EAAM,GAAG;;AAIrD,SAAgB,EAAyB,GAAyB,GAAsB;AACtF,KAAI,EAAS,UAAU,GAAS;EAC9B,IAAM,IAAM,EAAS,KAAI,MAAM,EAAE,KAAK,GAAY,CAAE,CAAC,KAAK,IAAI;AAC9D,IAAQ,aAAa,oBAAoB,EAAI;;;AAIjD,SAAgB,EAAkB,GAA+B,GAA2B;AAC1F,CAAI,MACF,EAAS,KAAK,EAAS,IAAI,SAAS,EAAS,KAAK,GAAY,EAC9D,EAAQ,aAAa,QAAQ,EAAS,GAAG;;AAI7C,SAAgB,EAAsB,GAA8B;AAClE,KAAI,CAAC,EAAS,MAAK,MAAK,GAAG,MAAM,OAAO,EAAE;EACxC,IAAM,IAAO,GAAY;AACzB,IAAS,SAAQ,MAAM,EAAE,OAAO,EAAM"}

package/dist/internal/utils/audit-logs.d.ts

@@ -1,10 +0,0 @@
-export declare const DOCS_LOG_URL: string;
-export declare function getExcessiveInstanceLimitWarning(count: number, localName: string): string;
-export declare function getInvalidSlottedChildrenWarning(localName: string, allowed: Array<string>): string;
-export declare function getInvalidParentWarning(localName: string, allowedParent: string): string;
-export declare function getIdMatchNotFoundWarning(id: string): string;
-export declare function getSSRMismatchWarning(localName: string): string;
-export declare function getCrossShadowRootAnchorWarning(localName: string): string;
-export declare function getDuplicatePackageVersionWarning(localName: string, version: string): string;
-export declare function getDuplicatePackageGlobalVersionWarning(): string;
-export declare function getEsmHostedWarning(): string;

package/dist/internal/utils/audit-logs.js

@@ -1,31 +0,0 @@
-import { DOCS_URL as e } from "./strings.js";
-//#region src/internal/utils/audit-logs.ts
-var t = `${e}docs/api-design/logs/`;
-function n(e, n) {
-	return `Excessive rendering of ${e} ${n} were detected in DOM. Recycle/reuse elements when possible to improve application performance. ${t}#excessive-instance-limit`;
-}
-function r(e, n) {
-	return `Invalid slotted elements detected in ${e}. Allowed: ${n.join(", ")}. ${t}#invalid-slotted-children`;
-}
-function i(e, n) {
-	return `Element ${e} can only be used as a direct child of ${n}. ${t}#invalid-parent`;
-}
-function a(e) {
-	return `Provided id "${e}" not found in DOM. ${t}#id-match-not-found`;
-}
-function o(e) {
-	return `${e} rendered on the client with mismatched SSR content. ${t}#ssr-mismatch`;
-}
-function s(e, n) {
-	return `@nve: Element ${e} version ${n} already defined, please check for duplicate package versions. ${t}#duplicate-package-version`;
-}
-function c() {
-	return `@nve: Multiple versions of Elements loaded, please check for duplicate package versions. ${t}#duplicate-package-version`;
-}
-function l() {
-	return "@nve: Using esm.sh is not supported for production use.";
-}
-//#endregion
-export { c as getDuplicatePackageGlobalVersionWarning, s as getDuplicatePackageVersionWarning, l as getEsmHostedWarning, n as getExcessiveInstanceLimitWarning, a as getIdMatchNotFoundWarning, i as getInvalidParentWarning, r as getInvalidSlottedChildrenWarning, o as getSSRMismatchWarning };
-
-//# sourceMappingURL=audit-logs.js.map

package/dist/internal/utils/audit-logs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"audit-logs.js","names":[],"sources":["../../../src/internal/utils/audit-logs.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { DOCS_URL } from './strings.js';\n\nexport const DOCS_LOG_URL = `${DOCS_URL}docs/api-design/logs/`;\n\nexport function getExcessiveInstanceLimitWarning(count: number, localName: string) {\n  return `Excessive rendering of ${count} ${localName} were detected in DOM. Recycle/reuse elements when possible to improve application performance. ${DOCS_LOG_URL}#excessive-instance-limit`;\n}\n\nexport function getInvalidSlottedChildrenWarning(localName: string, allowed: Array<string>) {\n  return `Invalid slotted elements detected in ${localName}. Allowed: ${allowed.join(', ')}. ${DOCS_LOG_URL}#invalid-slotted-children`;\n}\n\nexport function getInvalidParentWarning(localName: string, allowedParent: string) {\n  return `Element ${localName} can only be used as a direct child of ${allowedParent}. ${DOCS_LOG_URL}#invalid-parent`;\n}\n\nexport function getIdMatchNotFoundWarning(id: string) {\n  return `Provided id \"${id}\" not found in DOM. ${DOCS_LOG_URL}#id-match-not-found`;\n}\n\nexport function getSSRMismatchWarning(localName: string) {\n  return `${localName} rendered on the client with mismatched SSR content. ${DOCS_LOG_URL}#ssr-mismatch`;\n}\n\nexport function getCrossShadowRootAnchorWarning(localName: string) {\n  return `(deprecated) ${localName} provided an anchor outside of its render root. ${DOCS_LOG_URL}#cross-shadow-root-anchor`;\n}\n\nexport function getDuplicatePackageVersionWarning(localName: string, version: string) {\n  return `@nve: Element ${localName} version ${version} already defined, please check for duplicate package versions. ${DOCS_LOG_URL}#duplicate-package-version`;\n}\n\nexport function getDuplicatePackageGlobalVersionWarning() {\n  return `@nve: Multiple versions of Elements loaded, please check for duplicate package versions. ${DOCS_LOG_URL}#duplicate-package-version`;\n}\n\nexport function getEsmHostedWarning() {\n  return '@nve: Using esm.sh is not supported for production use.';\n}\n"],"mappings":";;AAKA,IAAa,IAAe,GAAG,EAAS;AAExC,SAAgB,EAAiC,GAAe,GAAmB;AACjF,QAAO,0BAA0B,EAAM,GAAG,EAAU,kGAAkG,EAAa;;AAGrK,SAAgB,EAAiC,GAAmB,GAAwB;AAC1F,QAAO,wCAAwC,EAAU,aAAa,EAAQ,KAAK,KAAK,CAAC,IAAI,EAAa;;AAG5G,SAAgB,EAAwB,GAAmB,GAAuB;AAChF,QAAO,WAAW,EAAU,yCAAyC,EAAc,IAAI,EAAa;;AAGtG,SAAgB,EAA0B,GAAY;AACpD,QAAO,gBAAgB,EAAG,sBAAsB,EAAa;;AAG/D,SAAgB,EAAsB,GAAmB;AACvD,QAAO,GAAG,EAAU,uDAAuD,EAAa;;AAO1F,SAAgB,EAAkC,GAAmB,GAAiB;AACpF,QAAO,iBAAiB,EAAU,WAAW,EAAQ,iEAAiE,EAAa;;AAGrI,SAAgB,IAA0C;AACxD,QAAO,4FAA4F,EAAa;;AAGlH,SAAgB,IAAsB;AACpC,QAAO"}

package/dist/internal/utils/audit.d.ts

@@ -1,15 +0,0 @@
-export declare function auditSlots(host: HTMLElement & {
-    constructor: {
-        metadata?: {
-            children?: string[];
-            disallowedChildren?: string[];
-        };
-    };
-}): [Element[], string[]];
-export declare function auditParentElement(host: HTMLElement & {
-    constructor: {
-        metadata?: {
-            parents?: string[];
-        };
-    };
-}): [boolean, string[]];

package/dist/internal/utils/audit.js

@@ -1,13 +0,0 @@
-//#region src/internal/utils/audit.ts
-function e(e) {
-	let t = ["template", ...e.constructor.metadata?.children ?? []].filter((e) => typeof e == "string");
-	return [Array.from(e.shadowRoot.querySelectorAll("slot")).flatMap((e) => e.assignedElements().filter((e) => !t.map((e) => e).includes(e.localName))), t];
-}
-function t(e) {
-	let t = e.constructor.metadata?.parents ?? [];
-	return t.length ? [!!t.find((t) => e.parentElement?.localName === t), t] : [!0, []];
-}
-//#endregion
-export { t as auditParentElement, e as auditSlots };
-
-//# sourceMappingURL=audit.js.map

package/dist/internal/utils/audit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"audit.js","names":[],"sources":["../../../src/internal/utils/audit.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport function auditSlots(\n  host: HTMLElement & { constructor: { metadata?: { children?: string[]; disallowedChildren?: string[] } } }\n): [Element[], string[]] {\n  const validElements = ['template', ...(host.constructor.metadata?.children ?? [])].filter(c => typeof c === 'string');\n  const invalidElements = Array.from(host.shadowRoot!.querySelectorAll('slot')).flatMap(slot =>\n    slot.assignedElements().filter(e => !validElements.map(i => i).includes(e.localName))\n  );\n  return [invalidElements, validElements];\n}\n\nexport function auditParentElement(\n  host: HTMLElement & { constructor: { metadata?: { parents?: string[] } } }\n): [boolean, string[]] {\n  const validParentTags = host.constructor.metadata?.parents ?? [];\n  return validParentTags.length\n    ? [!!validParentTags.find(p => host.parentElement?.localName === p), validParentTags]\n    : [true, []];\n}\n"],"mappings":";AAGA,SAAgB,EACd,GACuB;CACvB,IAAM,IAAgB,CAAC,YAAY,GAAI,EAAK,YAAY,UAAU,YAAY,EAAE,CAAE,CAAC,QAAO,MAAK,OAAO,KAAM,SAAS;AAIrH,QAAO,CAHiB,MAAM,KAAK,EAAK,WAAY,iBAAiB,OAAO,CAAC,CAAC,SAAQ,MACpF,EAAK,kBAAkB,CAAC,QAAO,MAAK,CAAC,EAAc,KAAI,MAAK,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CACtF,EACwB,EAAc;;AAGzC,SAAgB,EACd,GACqB;CACrB,IAAM,IAAkB,EAAK,YAAY,UAAU,WAAW,EAAE;AAChE,QAAO,EAAgB,SACnB,CAAC,CAAC,CAAC,EAAgB,MAAK,MAAK,EAAK,eAAe,cAAc,EAAE,EAAE,EAAgB,GACnF,CAAC,IAAM,EAAE,CAAC"}