@ni/nimble-components 1.0.0-beta.97 → 1.1.0

package/dist/esm/menu/index.js

@@ -3,7 +3,8 @@ import { styles } from './styles';
 /**
  * A nimble-styled menu
  */
-export { FoundationMenu as Menu };
+class Menu extends FoundationMenu {
+}
 /**
  * A function that returns a nimble-menu registration for configuring the component with a DesignSystem.
  * Implements {@link @microsoft/fast-foundation#menuTemplate}
@@ -13,8 +14,10 @@ export { FoundationMenu as Menu };
  * Generates HTML Element: \<nimble-menu\>
  *
  */
-const nimbleMenu = FoundationMenu.compose({
+const nimbleMenu = Menu.compose({
     baseName: 'menu',
+    baseClass: FoundationMenu,
+    // @ts-expect-error FAST templates have incorrect type, see: https://github.com/microsoft/fast/issues/5047
     template,
     styles
 });

package/dist/esm/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,IAAI,IAAI,cAAc,EACtB,YAAY,IAAI,QAAQ,EAC3B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;GAEG;AACH,OAAO,EAAE,cAAc,IAAI,IAAI,EAAE,CAAC;AAElC;;;;;;;;GAQG;AACH,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC;IACtC,QAAQ,EAAE,MAAM;IAChB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,IAAI,IAAI,cAAc,EACtB,YAAY,IAAI,QAAQ,EAC3B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAUlC;;GAEG;AACH,MAAM,IAAK,SAAQ,cAAc;CAAG;AAEpC;;;;;;;;GAQG;AACH,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IAC5B,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,cAAc;IACzB,0GAA0G;IAC1G,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC"}

package/dist/esm/menu-item/index.d.ts

@@ -1,15 +1,12 @@
-import { MenuItem as FoundationMenuItem, MenuItemOptions } from '@microsoft/fast-foundation';
+import { MenuItem as FoundationMenuItem } from '@microsoft/fast-foundation';
+export type { MenuItem };
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-menu-item': MenuItem;
+    }
+}
 /**
  * A nimble-styled menu-item
  */
-export { FoundationMenuItem as MenuItem };
-/**
- * A function that returns a nimble-menu-item registration for configuring the component with a DesignSystem.
- * Implements {@link @microsoft/fast-foundation#menuItemTemplate}
- *
- * @public
- * @remarks
- * Generates HTML Element: \<nimble-menu-item\>
- *
- */
-export declare const nimbleMenuItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<MenuItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
+declare class MenuItem extends FoundationMenuItem {
+}

package/dist/esm/menu-item/index.js

@@ -3,7 +3,8 @@ import { styles } from './styles';
 /**
  * A nimble-styled menu-item
  */
-export { FoundationMenuItem as MenuItem };
+class MenuItem extends FoundationMenuItem {
+}
 /**
  * A function that returns a nimble-menu-item registration for configuring the component with a DesignSystem.
  * Implements {@link @microsoft/fast-foundation#menuItemTemplate}
@@ -13,8 +14,10 @@ export { FoundationMenuItem as MenuItem };
  * Generates HTML Element: \<nimble-menu-item\>
  *
  */
-export const nimbleMenuItem = FoundationMenuItem.compose({
+const nimbleMenuItem = MenuItem.compose({
     baseName: 'menu-item',
+    baseClass: FoundationMenuItem,
+    // @ts-expect-error FAST templates have incorrect type, see: https://github.com/microsoft/fast/issues/5047
     template,
     styles
 });

package/dist/esm/menu-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,QAAQ,IAAI,kBAAkB,EAC9B,gBAAgB,IAAI,QAAQ,EAE/B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;GAEG;AACH,OAAO,EAAE,kBAAkB,IAAI,QAAQ,EAAE,CAAC;AAE1C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC,OAAO,CAAkB;IACtE,QAAQ,EAAE,WAAW;IACrB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,QAAQ,IAAI,kBAAkB,EAC9B,gBAAgB,IAAI,QAAQ,EAE/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAUlC;;GAEG;AACH,MAAM,QAAS,SAAQ,kBAAkB;CAAG;AAE5C;;;;;;;;GAQG;AACH,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAkB;IACrD,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,kBAAkB;IAC7B,0GAA0G;IAC1G,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC"}

package/dist/esm/nimble-components/src/button/index.d.ts

@@ -0,0 +1,33 @@
+import { Button as FoundationButton } from '@microsoft/fast-foundation';
+import { ButtonAppearance } from './types';
+export type { Button };
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-button': Button;
+    }
+}
+/**
+ * A nimble-styled HTML button
+ */
+declare class Button extends FoundationButton {
+    /**
+     * The appearance the button should have.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: appearance
+     */
+    appearance: ButtonAppearance;
+    /**
+     * Specify as 'true' to hide the text content of the button. The button will
+     * become square, and the text content will be used as the label of the button
+     * for accessibility purposes.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: content-hidden
+     */
+    contentHidden: boolean;
+    private readonly contentId;
+    connectedCallback(): void;
+}

package/dist/esm/nimble-components/src/button/types.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Types of button appearance.
+ * @public
+ */
+import type { Button } from '@microsoft/fast-foundation';
+export type { ButtonAppearanceAttribute } from '../patterns/button/types';
+export { ButtonAppearance } from '../patterns/button/types';
+export declare type ButtonType = Button['type'];

package/dist/esm/nimble-components/src/checkbox/index.d.ts

@@ -0,0 +1,12 @@
+import { Checkbox as FoundationCheckbox } from '@microsoft/fast-foundation';
+export type { Checkbox };
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-checkbox': Checkbox;
+    }
+}
+/**
+ * A nimble-styled checkbox control.
+ */
+declare class Checkbox extends FoundationCheckbox {
+}

package/dist/esm/nimble-components/src/drawer/animations.d.ts

@@ -0,0 +1,14 @@
+export declare const animationConfig: {
+    slideLeftKeyframes: Keyframe[];
+    slideRightKeyframes: Keyframe[];
+    fadeOverlayKeyframes: Keyframe[];
+    slideInOptions: {
+        duration: number;
+        easing: string;
+    };
+    slideOutOptions: {
+        duration: number;
+        easing: string;
+        direction: string;
+    };
+};

package/dist/esm/nimble-components/src/drawer/index.d.ts

@@ -0,0 +1,43 @@
+import { Dialog as FoundationDialog } from '@microsoft/fast-foundation';
+import { DrawerLocation, DrawerState } from './types';
+export type { Drawer };
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-drawer': Drawer;
+    }
+}
+/**
+ * Drawer/Sidenav control. Shows content in a panel on the left / right side of the screen,
+ * which animates to be visible with a slide-in / slide-out animation.
+ * Configured via 'location', 'state', 'modal', 'preventDismiss' properties.
+ */
+declare class Drawer extends FoundationDialog {
+    location: DrawerLocation;
+    state: DrawerState;
+    /**
+     * True to prevent dismissing the drawer when the overlay outside the drawer is clicked.
+     * Only applicable when 'modal' is set to true (i.e. when the overlay is used).
+     * HTML Attribute: prevent-dismiss
+     */
+    preventDismiss: boolean;
+    private readonly propertiesToWatch;
+    private propertyChangeNotifier?;
+    private animationDurationMilliseconds;
+    private animationGroup?;
+    private animationsEnabledChangedHandler?;
+    private propertyChangeSubscriber?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    show(): void;
+    hide(): void;
+    dismiss(): void;
+    private onPropertyChange;
+    private onHiddenChanged;
+    private onLocationChanged;
+    private onStateChanged;
+    private updateAnimationDuration;
+    private animateOpening;
+    private animateClosing;
+    private animateOpenClose;
+    private cancelCurrentAnimation;
+}

package/dist/esm/nimble-components/src/drawer/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/nimble-components/src/drawer/types.d.ts

@@ -0,0 +1,12 @@
+export declare enum DrawerLocation {
+    Left = "left",
+    Right = "right"
+}
+export declare type DrawerLocationAttribute = `${DrawerLocation}`;
+export declare enum DrawerState {
+    Opening = "opening",
+    Opened = "opened",
+    Closing = "closing",
+    Closed = "closed"
+}
+export declare type DrawerStateAttribute = `${DrawerState}`;

package/dist/esm/nimble-components/src/icon-base/index.d.ts

@@ -0,0 +1,12 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { NimbleIcon } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+/**
+ * The base class for icon components
+ */
+export declare class Icon extends FoundationElement {
+    icon: NimbleIcon;
+    constructor(icon: NimbleIcon);
+}
+declare type IconClass = typeof Icon;
+export declare const registerIcon: (baseName: string, iconClass: IconClass) => void;
+export {};

package/dist/esm/nimble-components/src/icon-base/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/nimble-components/src/icon-base/template.d.ts

@@ -0,0 +1,2 @@
+import type { Icon } from '.';
+export declare const template: import("@microsoft/fast-element").ViewTemplate<Icon, any>;

package/dist/esm/nimble-components/src/icon-base/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Predefined icon status states
+ * @public
+ */
+export declare enum IconStatus {
+    Fail = "fail",
+    Warning = "warning",
+    Pass = "pass",
+    Regular = "regular"
+}
+export declare type IconStatusAttribute = `${IconStatus}`;

package/dist/esm/nimble-components/src/icons/access-control.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-access-control-icon': AccessControlIcon;
+    }
+}
+/**
+ * The icon component for the 'access-control' icon
+ */
+export declare class AccessControlIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/admin.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-admin-icon': AdminIcon;
+    }
+}
+/**
+ * The icon component for the 'admin' icon
+ */
+export declare class AdminIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/administration.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-administration-icon': AdministrationIcon;
+    }
+}
+/**
+ * The icon component for the 'administration' icon
+ */
+export declare class AdministrationIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/all-icons.d.ts

@@ -0,0 +1,24 @@
+export { AccessControlIcon } from './access-control';
+export { AdminIcon } from './admin';
+export { AdministrationIcon } from './administration';
+export { CheckIcon } from './check';
+export { CustomApplicationsIcon } from './custom-applications';
+export { CustomStatusIcon } from './custom-status';
+export { DeleteIcon } from './delete';
+export { DoneIcon } from './done';
+export { FailIcon } from './fail';
+export { LoginIcon } from './login';
+export { LogoutIcon } from './logout';
+export { LoopingIcon } from './looping';
+export { ManagedSystemsIcon } from './managed-systems';
+export { MeasurementDataAnalysisIcon } from './measurement-data-analysis';
+export { RunningIcon } from './running';
+export { SettingsIcon } from './settings';
+export { SkippedIcon } from './skipped';
+export { StatusIcon } from './status';
+export { SucceededIcon } from './succeeded';
+export { TerminatedIcon } from './terminated';
+export { TestInsightsIcon } from './test-insights';
+export { TimedOutIcon } from './timed-out';
+export { UtilitiesIcon } from './utilities';
+export { WaitingIcon } from './waiting';

package/dist/esm/nimble-components/src/icons/check.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-check-icon': CheckIcon;
+    }
+}
+/**
+ *  The icon component for the 'check' icon
+ */
+export declare class CheckIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/custom-applications.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-custom-applications-icon': CustomApplicationsIcon;
+    }
+}
+/**
+ * The icon component for the 'custom-applications' icon
+ */
+export declare class CustomApplicationsIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/custom-status.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-custom-status-icon': CustomStatusIcon;
+    }
+}
+/**
+ *  The icon component for the 'custom-status' icon
+ */
+export declare class CustomStatusIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/delete.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-delete-icon': DeleteIcon;
+    }
+}
+/**
+ * The icon component for the 'delete' icon
+ */
+export declare class DeleteIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/done.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-done-icon': DoneIcon;
+    }
+}
+/**
+ *  The icon component for the 'done' icon
+ */
+export declare class DoneIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/fail.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-fail-icon': FailIcon;
+    }
+}
+/**
+ *  The icon component for the 'fail' icon
+ */
+export declare class FailIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/login.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-login-icon': LoginIcon;
+    }
+}
+/**
+ * The icon component for the 'login' icon
+ */
+export declare class LoginIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/logout.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-logout-icon': LogoutIcon;
+    }
+}
+/**
+ * The icon component for the 'logout' icon
+ */
+export declare class LogoutIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/looping.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-looping-icon': LoopingIcon;
+    }
+}
+/**
+ *  The icon component for the 'looping' icon
+ */
+export declare class LoopingIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/managed-systems.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-managed-systems-icon': ManagedSystemsIcon;
+    }
+}
+/**
+ * The icon component for the 'managed-systems' icon
+ */
+export declare class ManagedSystemsIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/measurement-data-analysis.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-measurement-data-analysis-icon': MeasurementDataAnalysisIcon;
+    }
+}
+/**
+ * The icon component for the 'measurement-data-analysis' icon
+ */
+export declare class MeasurementDataAnalysisIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/running.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-running-icon': RunningIcon;
+    }
+}
+/**
+ *  The icon component for the 'running' icon
+ */
+export declare class RunningIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/settings.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-settings-icon': SettingsIcon;
+    }
+}
+/**
+ * The icon component for the 'settings' icon
+ */
+export declare class SettingsIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/skipped.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-skipped-icon': SkippedIcon;
+    }
+}
+/**
+ *  The icon component for the 'skipped' icon
+ */
+export declare class SkippedIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/status.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-status-icon': StatusIcon;
+    }
+}
+/**
+ *  The icon component for the 'status' icon
+ */
+export declare class StatusIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/succeeded.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-succeeded-icon': SucceededIcon;
+    }
+}
+/**
+ *  The icon component for the 'succeeded' icon
+ */
+export declare class SucceededIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/terminated.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-terminated-icon': TerminatedIcon;
+    }
+}
+/**
+ *  The icon component for the 'terminated' icon
+ */
+export declare class TerminatedIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/test-insights.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-test-insights-icon': TestInsightsIcon;
+    }
+}
+/**
+ * The icon component for the 'test-insights' icon
+ */
+export declare class TestInsightsIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/timed-out.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-timed-out-icon': TimedOutIcon;
+    }
+}
+/**
+ *  The icon component for the 'timed-out' icon
+ */
+export declare class TimedOutIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/utilities.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-utilities-icon': UtilitiesIcon;
+    }
+}
+/**
+ * The icon component for the 'utilities' icon
+ */
+export declare class UtilitiesIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/waiting.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-waiting-icon': WaitingIcon;
+    }
+}
+/**
+ *  The icon component for the 'waiting' icon
+ */
+export declare class WaitingIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/listbox-option/index.d.ts

@@ -0,0 +1,15 @@
+import { ListboxOption as FoundationListboxOption } from '@microsoft/fast-foundation';
+export type { ListboxOption };
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-listbox-option': ListboxOption;
+    }
+}
+/**
+ * A nimble-styled HTML listbox option
+ */
+declare class ListboxOption extends FoundationListboxOption {
+    get value(): string;
+    set value(value: string);
+    connectedCallback(): void;
+}

package/dist/esm/nimble-components/src/listbox-option/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/nimble-components/src/menu/index.d.ts

@@ -0,0 +1,12 @@
+import { Menu as FoundationMenu } from '@microsoft/fast-foundation';
+export type { Menu };
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-menu': Menu;
+    }
+}
+/**
+ * A nimble-styled menu
+ */
+declare class Menu extends FoundationMenu {
+}

package/dist/esm/nimble-components/src/menu/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;