@aotearoan/neon 9.2.9 → 9.3.0

package/dist/src/components/layout/card/NeonCard.d.ts

@@ -0,0 +1,97 @@
+import { NeonOrientation } from '@/common/enums/NeonOrientation';
+import { NeonResponsive } from '@/common/enums/NeonResponsive';
+import { NeonSize } from '@/common/enums/NeonSize';
+/**
+ * Card component used for the layout of content within a grid or page.
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Change the orientation of a card to horizontal. This is useful for creating long narrow cards spanning the full
+     * page. NOTE: For responsiveness, horizontal cards are automatically transformed to vertical cards at lower screen
+     * sizes.
+     */
+    orientation: {
+        type: () => NeonOrientation;
+        default: NeonOrientation;
+    };
+    /**
+     * The size of the card, this only adjusts the padding where more compact cards are required.
+     */
+    size: {
+        type: () => NeonSize;
+        default: NeonSize;
+    };
+    /**
+     * Whether to display the internal borders between card sections for horizontal cards
+     */
+    horizontalBorders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The breakpoint to switch horizontal cards to vertical cards. Accepts <em>Mobile | MobileLarge | Tablet</em> ONLY.
+     * @type NeonResponsive
+     */
+    horizontalBreakpoint: {
+        type: () => NeonResponsive;
+        default: NeonResponsive;
+    };
+    /**
+     * If true, do not implement a responsive breakpoint for a horizontal card.
+     */
+    noBreak: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    attrs: {
+        [x: string]: unknown;
+    };
+    NeonOrientation: typeof NeonOrientation;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Change the orientation of a card to horizontal. This is useful for creating long narrow cards spanning the full
+     * page. NOTE: For responsiveness, horizontal cards are automatically transformed to vertical cards at lower screen
+     * sizes.
+     */
+    orientation: {
+        type: () => NeonOrientation;
+        default: NeonOrientation;
+    };
+    /**
+     * The size of the card, this only adjusts the padding where more compact cards are required.
+     */
+    size: {
+        type: () => NeonSize;
+        default: NeonSize;
+    };
+    /**
+     * Whether to display the internal borders between card sections for horizontal cards
+     */
+    horizontalBorders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The breakpoint to switch horizontal cards to vertical cards. Accepts <em>Mobile | MobileLarge | Tablet</em> ONLY.
+     * @type NeonResponsive
+     */
+    horizontalBreakpoint: {
+        type: () => NeonResponsive;
+        default: NeonResponsive;
+    };
+    /**
+     * If true, do not implement a responsive breakpoint for a horizontal card.
+     */
+    noBreak: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    size: NeonSize;
+    orientation: NeonOrientation;
+    horizontalBorders: boolean;
+    horizontalBreakpoint: NeonResponsive;
+    noBreak: boolean;
+}>;
+export default _default;

package/dist/src/components/layout/card/NeonCard.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonCard.js';
+export { default } from './NeonCard.js';

package/dist/src/components/layout/card/body/NeonCardBody.d.ts

@@ -0,0 +1,23 @@
+/**
+ * A "body" card section. Cards can contain multiple card body sections.
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * If true, this will remove all padding from the card body. This is useful for presenting images and also tabs as well as other content.
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * If true, this will remove all padding from the card body. This is useful for presenting images and also tabs as well as other content.
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    fullWidth: boolean;
+}>;
+export default _default;

package/dist/src/components/layout/card/body/NeonCardBody.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonCardBody.js';
+export { default } from './NeonCardBody.js';

package/dist/src/components/layout/card/footer/NeonCardFooter.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The card footer. This is the (optional) final section of a card, it is primarily used for adding actions to a card, e.g. buttons and actions.
+ */
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/components/layout/card/footer/NeonCardFooter.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonCardFooter.js';
+export { default } from './NeonCardFooter.js';

package/dist/src/components/layout/card/header/NeonCardHeader.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A card header section, used to contain titles and secondary actions (e.g. favorite button). This is normally the
+ * first section in a card but may also be placed below other sections, e.g. a full width section containing an image.
+ */
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/components/layout/card/header/NeonCardHeader.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonCardHeader.js';
+export { default } from './NeonCardHeader.js';

package/dist/src/components/layout/drawer/NeonDrawer.d.ts

@@ -0,0 +1,89 @@
+import { NeonPosition } from '@/common/enums/NeonPosition';
+/**
+ * A drawer is a slide out panel for representing data which may be secondary or not fit on the main screen. Examples
+ * are a responsive navigation menu, more details of a selected item on the page. Drawers can be opened from top,
+ * bottom, left or right and an overlay covers the screen to focus more attention on the drawer contents.
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Set the drawer to visible.
+     */
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    /**
+     * Whether the user is allowed to dismiss the modal by clicking outside the modal or pressing escape.
+     */
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * If true, remove the padding applied to the drawer.
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The location of the drawer.
+     */
+    position: {
+        type: () => NeonPosition;
+        default: NeonPosition;
+    };
+    /**
+     * Display a semi-transparent overlay under the drawer, but over the rest of the page.
+     */
+    overlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    drawer: import("vue").Ref<HTMLDivElement | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Set the drawer to visible.
+     */
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    /**
+     * Whether the user is allowed to dismiss the modal by clicking outside the modal or pressing escape.
+     */
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * If true, remove the padding applied to the drawer.
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The location of the drawer.
+     */
+    position: {
+        type: () => NeonPosition;
+        default: NeonPosition;
+    };
+    /**
+     * Display a semi-transparent overlay under the drawer, but over the rest of the page.
+     */
+    overlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    dismissible: boolean;
+    fullWidth: boolean;
+    position: NeonPosition;
+    overlay: boolean;
+}>;
+export default _default;

package/dist/src/components/layout/drawer/NeonDrawer.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonDrawer.js';
+export { default } from './NeonDrawer.js';

package/dist/src/components/layout/footer/NeonFooter.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The page footer component. Place directly inside the NeonPage component to have it rendered at the bottom of the page even when the content is shorter than the page.
+ */
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/components/layout/footer/NeonFooter.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonFooter.js';
+export { default } from './NeonFooter.js';

package/dist/src/components/layout/grid/NeonGrid.d.ts

@@ -0,0 +1,41 @@
+import type { NeonGridModel } from '@/common/models/NeonGridModel';
+/**
+ * <p>A CSS grid component for top level layout within a page. This component provides functionality to dynamically
+ * generate the grid CSS and inject it into the page as well as defining the grid for different responsive breakpoints.
+ * The defined grid can be updated programmatically which is useful for adding/removing items from the grid.</p>
+ *
+ * <p>NeonGrid provides a slot for a set of NeonGridArea components, defining the contents for the various grid areas on
+ * the page.</p>
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The grid layouts
+     */
+    layouts: {
+        type: () => Array<NeonGridModel>;
+        required: true;
+    };
+    /**
+     * Id of the grid, should be unique on the page
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The grid layouts
+     */
+    layouts: {
+        type: () => Array<NeonGridModel>;
+        required: true;
+    };
+    /**
+     * Id of the grid, should be unique on the page
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/dist/src/components/layout/grid/NeonGrid.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonGrid.js';
+export { default } from './NeonGrid.js';

package/dist/src/components/layout/grid/grid-area/NeonGridArea.d.ts

@@ -0,0 +1,21 @@
+/**
+ * A grid area is the basic container corresponding to a grid area defined in the NeonGrid component.
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Identifier of the grid area (this should match a named area in the grid layout)
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Identifier of the grid area (this should match a named area in the grid layout)
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/dist/src/components/layout/grid/grid-area/NeonGridArea.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonGridArea.js';
+export { default } from './NeonGridArea.js';

package/dist/src/components/layout/modal/NeonModal.d.ts

@@ -0,0 +1,72 @@
+/**
+ * A modal dialog component. This will be rendered above the content of the main window and can either be dismissed by the user or configured to require user interaction before dismissal.
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Whether the modal is currently open.
+     */
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    /**
+     * Whether the user is allowed to dismiss the modal by clicking outside the modal or pressing escape.
+     */
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Increase the opacity so that the page behind the modal is no longer visible
+     */
+    opaque: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Keep the top nav visible when the modal is open
+     */
+    showTopNav: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    modal: import("vue").Ref<null>;
+    close: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Whether the modal is currently open.
+     */
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    /**
+     * Whether the user is allowed to dismiss the modal by clicking outside the modal or pressing escape.
+     */
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Increase the opacity so that the page behind the modal is no longer visible
+     */
+    opaque: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Keep the top nav visible when the modal is open
+     */
+    showTopNav: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    dismissible: boolean;
+    opaque: boolean;
+    showTopNav: boolean;
+}>;
+export default _default;

package/dist/src/components/layout/modal/NeonModal.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonModal.js';
+export { default } from './NeonModal.js';

package/dist/src/components/layout/page/NeonPage.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A "page" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the
+ * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.
+ */
+declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/components/layout/page/NeonPage.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonPage.js';
+export { default } from './NeonPage.js';

package/dist/src/components/layout/side-nav/NeonSideNav.d.ts

@@ -0,0 +1,26 @@
+/**
+ * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at
+ * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A
+ * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for
+ * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * If true, removes the side nav component's padding.
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * If true, removes the side nav component's padding.
+     */
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    fullWidth: boolean;
+}>;
+export default _default;

package/dist/src/components/layout/side-nav/NeonSideNav.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonSideNav.js';
+export { default } from './NeonSideNav.js';

package/dist/src/components/layout/top-nav/NeonTopNav.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Top navigation component. This is a fixed container at the top of the page for displaying the site logo, menus, user
+ * login and other important actions which need to be visible at all times.
+ */
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/src/components/layout/top-nav/NeonTopNav.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonTopNav.js';
+export { default } from './NeonTopNav.js';

package/dist/src/components/navigation/action-menu/NeonActionMenu.d.ts

@@ -0,0 +1,57 @@
+import type { NeonActionMenuModel } from '@/common/models/NeonActionMenuModel';
+import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
+/**
+ * An action menu is designed for the NeonSideNav component and is designed to behave like tabs where selecting a different item switches the contents in the main page.
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The list of action items to display in the menu.
+     */
+    model: {
+        type: () => Array<NeonActionMenuModel>;
+        required: true;
+    };
+    /**
+     * The key of the selected model action item.
+     */
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The toggle chip color.
+     */
+    color: {
+        type: () => NeonFunctionalColor;
+        default: NeonFunctionalColor;
+    };
+}, {
+    onClick: (key: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The list of action items to display in the menu.
+     */
+    model: {
+        type: () => Array<NeonActionMenuModel>;
+        required: true;
+    };
+    /**
+     * The key of the selected model action item.
+     */
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The toggle chip color.
+     */
+    color: {
+        type: () => NeonFunctionalColor;
+        default: NeonFunctionalColor;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    color: NeonFunctionalColor;
+}>;
+export default _default;

package/dist/src/components/navigation/action-menu/NeonActionMenu.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonActionMenu.js';
+export { default } from './NeonActionMenu.js';

package/dist/src/components/navigation/anchor/NeonAnchor.d.ts

@@ -0,0 +1,23 @@
+/**
+ * An HTML anchor component. This component is offset by the top nav (at all responsive breakpoints) which means
+ * fragments will scroll to the correct position offset by the top nav. Just place NeonAnchor directly inside a
+ * positioned element you want to create a fragment for and give it the correct id.
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The id of the anchor, this should correspond to the URL fragment name.
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The id of the anchor, this should correspond to the URL fragment name.
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/dist/src/components/navigation/anchor/NeonAnchor.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonAnchor.js';
+export { default } from './NeonAnchor.js';

package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts

@@ -0,0 +1,109 @@
+import type { NeonDropdownMenuItem } from '@/common/models/NeonDropdownMenuItem';
+import { NeonSize } from '@/common/enums/NeonSize';
+import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
+import { NeonDropdownPlacement } from '@/common/enums/NeonDropdownPlacement';
+/**
+ * <p>A dropdown menu consisting of a button to open the menu and a list of menu items. Clicking on a menu item will
+ * result in navigating to the provided URL or notifying the parent component via the @click event.</p>
+ * <p><strong>Note:</strong> As well as the options described below, pass through attributes supported by
+ * <a href="/presentation/dropdown">NeonDropdown</a> to change the style of the dropdown button.</p>
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * A list of menu items to render in the dropdown menu.
+     */
+    model: {
+        type: () => Array<NeonDropdownMenuItem>;
+        required: true;
+    };
+    /**
+     * The size of the dropdown - Small, Medium or Large.
+     */
+    size: {
+        type: () => NeonSize;
+        default: NeonSize;
+    };
+    /**
+     * The dropdown color.
+     */
+    color: {
+        type: () => NeonFunctionalColor;
+        default: NeonFunctionalColor;
+    };
+    /**
+     * Whether the dropdown button is disabled or not.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Instead of opening on click (default), open on hover.
+     */
+    openOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    dropdown: import("vue").Ref<HTMLElement | null>;
+    items: import("vue").Ref<HTMLLIElement[]>;
+    open: import("vue").Ref<boolean>;
+    highlightedKey: import("vue").Ref<string | null>;
+    highlightedIndex: import("vue").Ref<number>;
+    attrs: {
+        [x: string]: unknown;
+    };
+    emit: (event: "click" | "button-ref", ...args: any[]) => void;
+    changeHighlighted: (key: string) => void;
+    keyboardHandler: ($event: KeyboardEvent) => void;
+    onBlur: () => void;
+    onFocus: () => void;
+    clickItem: (item: NeonDropdownMenuItem) => void;
+    navigateBy: (offset: number, $event: KeyboardEvent) => void;
+    onPlacement: (placement: NeonDropdownPlacement) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "button-ref")[], "click" | "button-ref", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * A list of menu items to render in the dropdown menu.
+     */
+    model: {
+        type: () => Array<NeonDropdownMenuItem>;
+        required: true;
+    };
+    /**
+     * The size of the dropdown - Small, Medium or Large.
+     */
+    size: {
+        type: () => NeonSize;
+        default: NeonSize;
+    };
+    /**
+     * The dropdown color.
+     */
+    color: {
+        type: () => NeonFunctionalColor;
+        default: NeonFunctionalColor;
+    };
+    /**
+     * Whether the dropdown button is disabled or not.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Instead of opening on click (default), open on hover.
+     */
+    openOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onButton-ref"?: ((...args: any[]) => any) | undefined;
+}, {
+    color: NeonFunctionalColor;
+    disabled: boolean;
+    size: NeonSize;
+    openOnHover: boolean;
+}>;
+export default _default;

package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.vue.d.ts

@@ -0,0 +1,2 @@
+export * from './NeonDropdownMenu.js';
+export { default } from './NeonDropdownMenu.js';