@momentum-ui/web-components 3.0.0-beta.1 → 3.0.0-beta.11

package/dist/index.js

@@ -1 +1 @@
-require("./6633"),require("./7103"),require("./4765"),require("./1873"),require("./1890"),require("./4313"),require("./510"),require("./6283"),require("./5087"),require("./6865"),require("./8889"),require("./8210"),require("./5630"),require("./3135"),require("./1013"),require("./3739"),require("./7819"),require("./2848"),require("./4363"),require("./2243"),require("./7919"),require("./7292"),require("./6188"),require("./15"),require("./8345"),require("./9270"),require("./8923"),require("./4548"),require("./2669"),require("./1729"),require("./9164"),require("./9480"),require("./1625"),require("./836"),require("./3625"),require("./2056"),require("./4889"),require("./9409"),require("./9654"),require("./4659"),require("./5838"),require("./6765"),require("./1626"),require("./3852"),require("./8161"),require("./6273"),require("./8391"),require("./679"),require("./8033"),require("./1564"),require("./4462"),require("./4744"),require("./8576"),require("./1092"),require("./8171"),require("./2201"),require("./2186"),require("./9425"),require("./8588"),require("./3212"),require("./622"),require("./5809"),require("./9455"),require("./759"),require("./2093"),require("./8148"),require("./5799"),require("./9312"),require("./2714"),require("./9238"),require("./7833"),require("./2924"),require("./5524"),require("./674"),require("./2314"),module.exports=require("./index-entry");
+require("./750"),require("./7103"),require("./4765"),require("./1873"),require("./1890"),require("./4313"),require("./510"),require("./5087"),require("./6865"),require("./8889"),require("./8210"),require("./5630"),require("./3135"),require("./1013"),require("./3739"),require("./7819"),require("./2848"),require("./4363"),require("./2243"),require("./7919"),require("./7292"),require("./6188"),require("./15"),require("./8345"),require("./9270"),require("./8923"),require("./4548"),require("./2669"),require("./1729"),require("./9164"),require("./9480"),require("./1625"),require("./836"),require("./3625"),require("./2056"),require("./9409"),require("./4889"),require("./9654"),require("./4659"),require("./5838"),require("./6765"),require("./1626"),require("./3852"),require("./8161"),require("./6273"),require("./8391"),require("./679"),require("./8033"),require("./1564"),require("./4462"),require("./4744"),require("./8576"),require("./1092"),require("./2186"),require("./8171"),require("./2201"),require("./9425"),require("./8588"),require("./3212"),require("./622"),require("./5809"),require("./9455"),require("./759"),require("./2093"),require("./8148"),require("./5799"),require("./9312"),require("./7833"),require("./2714"),require("./9238"),require("./2924"),require("./5524"),require("./674"),require("./2314"),module.exports=require("./index-entry");

package/dist/types/components/avatar/Avatar.constants.d.ts

@@ -1,6 +1,6 @@
 declare const AvatarState: readonly ["active", "rest"];
 declare const AvatarStyle: readonly ["default", "table"];
-declare const AvatarChannelType: readonly ["channel-chat", "channel-chat-outbound", "channel-sms-inbound", "channel-sms-outbound", "channel-email-inbound", "channel-email-outbound", "channel-call", "channel-call-inbound", "channel-social", "channel-callback", "channel-headset", "channel-campaign", "channel-emoji", "channel-webex", "channel-fb-messenger", "channel-facebook", "channel-apple-chat", "channel-line", "channel-twitter-x", "channel-viber", "channel-whats-app", "channel-monitoring", "channel-we-chat", "channel-spam", "channel-custom"];
+declare const AvatarChannelType: readonly ["channel-chat", "channel-chat-outbound", "channel-sms-inbound", "channel-sms-outbound", "channel-email-inbound", "channel-email-outbound", "channel-call", "channel-call-inbound", "channel-social", "channel-callback", "channel-callback-v2", "channel-headset", "channel-campaign", "channel-emoji", "channel-webex", "channel-fb-messenger", "channel-facebook", "channel-apple-chat", "channel-line", "channel-twitter-x", "channel-viber", "channel-whats-app", "channel-monitoring", "channel-we-chat", "channel-spam", "channel-custom"];
 declare const AvatarType: readonly ["bot", "group", "self", "typing", ""];
 declare const AvatarSize: number[];
 export { AvatarChannelType, AvatarSize, AvatarState, AvatarStyle, AvatarType };

package/dist/types/components/button/Button.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import "@/components/spinner/Spinner";
-import { LitElement, nothing } from "lit";
+import { LitElement, nothing, PropertyValues } from "lit";
 export declare const buttonSize: readonly ["20", "24", "28", "32", "36", "40", "44", "52", "56", "72", "68", "84", "size-none", 20, 24, 28, 32, 36, 40, 44, 52, 56, 68, 72, 68, 84];
 export declare const buttonTag: readonly ["button", "input", "a"];
 export declare const buttonType: readonly ["button", "reset", "submit"];
@@ -100,7 +100,12 @@ export declare namespace Button {
         ariaDescribedBy?: string;
         clickFunction?: () => void;
         isPlaceholderText?: boolean;
+        autofocus: boolean;
         button: HTMLButtonElement;
+        protected firstUpdated(changedProperties: PropertyValues): void;
+        manageAutoFocus(element?: HTMLElement): void;
+        focus(): void;
+        blur(): void;
         renderWidth: () => string | typeof nothing;
         renderMaxWidth: () => string | typeof nothing;
         getStyles: () => import("lit").TemplateResult<1> | undefined;

package/dist/types/components/chat-message/ChatMessage.d.ts

@@ -9,6 +9,7 @@ export declare namespace ChatMessage {
         label: string;
         status: string;
         clickableTimestamp: boolean;
+        isSelected: boolean;
         selfLabel?: string;
         self: boolean;
         avatarColor?: string;

package/dist/types/components/chip/Chip.d.ts

@@ -40,11 +40,9 @@ export declare namespace Chip {
         private renderedText;
         connectedCallback(): void;
         updated(changedProperties: PropertyValues): void;
-        MAX_LENGTH: number;
-        PRE_TRUNC_CHARS: number;
-        POST_TRUNC_CHARS: number;
-        DOT_COUNT: number;
-        truncStringPortion(str: string, firstCharCount?: number, endCharCount?: number, dotCount?: number): void;
+        getTextWidth(text: string, font?: string): number;
+        MAXWIDTH: number;
+        truncStringPortion(text: string): void;
         protected selectionChange: (newState: boolean) => void;
         handleClear: (chipId: string) => void;
         handleSelect: () => void;

package/dist/types/components/combobox/ComboBox.d.ts

@@ -208,7 +208,7 @@ export declare namespace ComboBox {
         renderWithoutVirtualScroll(): unknown;
         highlightingSearchedText(option: OptionMember | string): TemplateResult<1>[];
         addStyle(): import("lit-html/development/directive").DirectiveResult<typeof import("lit/directives/style-map.js").StyleMapDirective>;
-        readonly renderItem: (option: OptionMember | string, index: number) => TemplateResult;
+        renderItem(option: OptionMember | string, index: number): TemplateResult;
         inputTitle(): string;
         helpTextTemplate(): typeof nothing | TemplateResult<1>;
         messagesTemplate(): typeof nothing | TemplateResult<1>;

package/dist/types/components/datepicker/DatePicker.d.ts

@@ -53,9 +53,13 @@ export declare namespace DatePicker {
         usePopover: boolean;
         triggerID: string;
         animationFrame: boolean;
+        isDatePickerMonthLoading: boolean;
+        isDatePickerMonthError: boolean;
+        errorMessages: Record<string, string>;
         selectedDate: DateTime;
         focusedDate: DateTime;
         filterDate: Function | undefined;
+        onRetry: (() => void) | undefined;
         maxDateData: DateTime | undefined;
         minDateData: DateTime | undefined;
         private popoverController;

package/dist/types/components/datepicker/datepicker-calendar/DatePickerCalendar.d.ts

@@ -7,6 +7,7 @@
  */
 import "@/components/datepicker/datepicker-month/DatePickerMonth";
 import "@/components/icon/Icon";
+import "@/components/spinner/Spinner";
 import { LitElement, PropertyValues, TemplateResult } from "lit";
 import { DateTime } from "luxon";
 import { DatePickerProps, DayFilters } from "../../../utils/dateUtils";
@@ -15,8 +16,12 @@ export declare namespace DatePickerCalendar {
         monthFormat: string;
         filterParams: DayFilters | undefined;
         handleMonthChange: Function | undefined;
+        onRetry: (() => void) | undefined;
         datePickerProps: DatePickerProps | undefined;
+        errorMessages: Record<string, string>;
         shortDay: boolean;
+        isDatePickerMonthLoading: boolean;
+        isDatePickerMonthError: boolean;
         viewAnchorDate: DateTime;
         private localeMonth;
         connectedCallback(): void;
@@ -24,12 +29,16 @@ export declare namespace DatePickerCalendar {
         setDate: (date: DateTime, cb?: Function) => void;
         increaseMonth: (event: MouseEvent) => void;
         decreaseMonth: (event: MouseEvent) => void;
+        handleRetryClick: () => void;
         renderMonthName: () => TemplateResult<1>;
         renderPreviousMonthButton: () => TemplateResult<1>;
         renderNextMonthButton: () => TemplateResult<1>;
         private getWeekDayName;
         header: () => TemplateResult[];
-        renderMonth: () => TemplateResult<1>;
+        private renderLoader;
+        private renderDateError;
+        private renderMonthContent;
+        private renderMonth;
         static get styles(): import("lit").CSSResult[];
         render(): TemplateResult<1>;
     }

package/dist/types/components/dropdown/Dropdown.d.ts

@@ -8,10 +8,10 @@
 import "@/components/icon/Icon";
 import { LitElement, nothing, PropertyValues } from "lit";
 export declare namespace Dropdown {
-    type OptionMember = {
+    export type OptionMember = {
         [key: string]: string;
     };
-    type Option = string | OptionMember;
+    export type Option = string | OptionMember;
     type RenderOptionMember = {
         key: string;
         value: string;
@@ -151,4 +151,16 @@ declare global {
     interface HTMLElementTagNameMap {
         "md-dropdown": Dropdown.ELEMENT;
     }
+    interface HTMLElementEventMap {
+        "dropdown-focus-in": CustomEvent<undefined>;
+        "dropdown-focus-out": CustomEvent<undefined>;
+        "dropdown-selected": CustomEvent<{
+            option: Dropdown.Option;
+        }>;
+        "dropdown-input": CustomEvent<{
+            value: string;
+        }>;
+        "combobox-on-expand": CustomEvent<undefined>;
+        "remove-all-selected": CustomEvent<undefined>;
+    }
 }

package/dist/types/components/form/FormArray.d.ts

@@ -1,10 +1,15 @@
 import { AbstractControl } from "./Form.types";
 import { ObservableControl } from "./ObservableControl";
+export type ArrayValidatorFn<ItemType> = (arr: FormArray<ItemType>) => void;
 export declare class FormArray<ItemType> extends ObservableControl<ItemType[]> implements AbstractControl<ItemType[]> {
     private readonly controls;
-    constructor(controls: AbstractControl<ItemType>[]);
+    private readonly arrayValidators;
+    private inArrayValidation;
+    constructor(controls: AbstractControl<ItemType>[], arrayValidators?: ReadonlyArray<ArrayValidatorFn<ItemType>>);
     at(index: number): AbstractControl<ItemType>;
+    private runArrayValidators;
     push(control: AbstractControl<ItemType>): void;
+    private childChanged;
     removeAt(index: number): void;
     get value(): ItemType[];
     get valid(): boolean;

package/dist/types/components/form/FormControl.d.ts

@@ -6,11 +6,14 @@ export declare class FormControl<ValueType> extends ObservableControl<ValueType>
     private validationErrors;
     private touched;
     private readonly validators;
+    private groupErrors;
     constructor(initialValue: ValueType, validators?: ValidatorFn<ValueType>[]);
     get value(): ValueType;
     markAsTouched(): void;
     get valid(): boolean;
     get errors(): ValidationError[];
+    addGroupError(error: ValidationError): void;
+    clearGroupErrorsByType(type: string): void;
     setValue(value: ValueType): void;
     validate(): void;
 }

package/dist/types/components/form/index.d.ts

@@ -3,3 +3,4 @@ export { FormArray } from "./FormArray";
 export { FormControl } from "./FormControl";
 export { FormGroup } from "./FormGroup";
 export { Validators } from "./validators";
+export { ArrayValidators } from "./validators.array";

package/dist/types/components/form/validators.array.d.ts

@@ -0,0 +1,12 @@
+import { FormArray } from "./FormArray";
+import { FormGroup } from "./FormGroup";
+import { FormControl } from "./FormControl";
+/**
+ * Array-level validator to ensure values are strictly increasing.
+ * - Checks each control selected from the FormArray
+ * - Adds a groupError to the first offending control
+ */
+export declare function strictIncreasingOnly<FormValues extends Record<string, unknown>>(select: (row: FormGroup<FormValues>) => FormControl<number>): (arr: FormArray<FormValues>) => void;
+export declare const ArrayValidators: {
+    strictIncreasingOnly: typeof strictIncreasingOnly;
+};

package/dist/types/components/form/validators.d.ts

@@ -3,4 +3,5 @@ export declare const Validators: {
     required: <FieldValue>() => ValidatorFn<FieldValue>;
     minLength: (min: number) => ValidatorFn<string>;
     maxLength: (max: number) => ValidatorFn<string>;
+    nonNegative: () => ValidatorFn<number>;
 };

package/dist/types/components/input/Input.d.ts

@@ -20,7 +20,7 @@ export declare const iconPosition: string[];
 export declare const nestedLevel: number[];
 export declare const ariaInvalidType: string[];
 export declare namespace Input {
-    export type Type = "text" | "number" | "password" | "email" | "tel" | "checkbox";
+    export type Type = "text" | "number" | "password" | "email" | "tel" | "checkbox" | "search";
     export type MessageType = "error" | "success" | "warning" | "priority";
     export type Message = {
         type: MessageType;
@@ -33,6 +33,7 @@ export declare namespace Input {
     export type InputType = typeof inputSize;
     export type shape = typeof inputShape;
     export type AriaInvalidType = (typeof ariaInvalidType)[number];
+    export type Autocomplete = "on" | "off";
     export class MessageController {
         determineMessageType(array: Input.Message[]): MessageType;
         filterMessagesByType(array: Input.Message[], value: string): string[];
@@ -80,7 +81,7 @@ export declare namespace Input {
         helpText: string;
         hideMessage: boolean;
         htmlId: string;
-        role: string;
+        ariaRole: string | undefined;
         messageArr: Input.Message[];
         min: number | undefined;
         max: number | undefined;
@@ -103,9 +104,11 @@ export declare namespace Input {
         newMomentum: boolean;
         control?: FormControl<unknown>;
         disableUserTextInput: boolean;
+        autocomplete?: Autocomplete;
         showDropdown: boolean;
         dropdownExpanded: boolean;
         dropdownAriaLabel: string;
+        maxSuggestedLength: number | undefined;
         input: HTMLInputElement;
         private isEditing;
         private readonly inputSectionRightSlot;
@@ -162,6 +165,7 @@ export declare namespace Input {
         private get inputRightTemplateClassMap();
         inputRightTemplate(): import("lit").TemplateResult<1> | undefined;
         private get comboBoxButtonTemplate();
+        private characterCountLabelTemplate;
         secondaryLabelTemplate(): typeof nothing | import("lit").TemplateResult<1>;
         helpTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
         messagesTemplate(): typeof nothing | import("lit").TemplateResult<1>;

package/dist/types/components/link/Link.d.ts

@@ -32,7 +32,14 @@ export declare namespace Link {
         private _tabIndex;
         get tabIndex(): number;
         set tabIndex(newValue: number);
+        autofocus: boolean;
+        linkRef: HTMLElement;
         static get styles(): import("lit").CSSResult[];
+        firstUpdated(): void;
+        focus(): void;
+        blur(): void;
+        private get linkClassNamesInfo();
+        private get linkElement();
         render(): import("lit").TemplateResult<1>;
     }
 }

package/dist/types/components/list/ListItem.d.ts

@@ -2,7 +2,7 @@ import { LitElement } from "lit";
 export declare namespace ListItem {
     const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
-        role: "listitem" | "option";
+        role: "listitem" | "option" | "menuitem";
         tabIndex: number;
         shape: "pill" | "rounded";
         private _disabled;

package/dist/types/components/list-v2/list-item-v2.d.ts

@@ -0,0 +1,67 @@
+import "@/components/button/Button";
+import "@/components/icon/Icon";
+import { LitElement } from "lit";
+export declare namespace ListItemV2 {
+    type Variant = "full-width" | "inset-pill" | "inset-rectangle";
+    /**
+     * @fires list-item-click
+     * @fires list-item-expanded
+     */
+    class ELEMENT extends LitElement {
+        /**
+         * The primary label of the list item.
+         * This appears on the leading side of the list item.
+         */
+        label?: string;
+        /**
+         * Secondary label of the list item.
+         * This appears on the trailing side of the list item, under the primary label
+         */
+        secondaryLabel?: string;
+        /**
+         * Tertiary label of the list item.
+         * This appears on the leading side of the list item, under the secondary label.
+         */
+        tertiaryLabel?: string;
+        /**
+         * Make the list item expandable.
+         * This will allow the content inside the "panel" slot to be collapsible.
+         * It will render an expand button before the leading controls
+         */
+        expandable: boolean;
+        /**
+         * Whether the list item is expanded.
+         * @default false
+         */
+        expanded: boolean;
+        disabled: boolean;
+        /**
+         * The visual style variant of the list item. This can be a pill, rectangle or a full-width
+         */
+        variant: Variant;
+        /**
+         * The ARIA label for the expand button. Only use if `expandable` is true.
+         */
+        expandLabel: string;
+        header: HTMLElement;
+        render(): import("lit").TemplateResult<1>;
+        private renderExpandButton;
+        private renderLeadingControls;
+        private renderTrailingControls;
+        private stopArrowKeyEventPropagation;
+        private isExpandCollapseKey;
+        protected stopEventPropagation(event: Event): void;
+        private setExpanded;
+        private _handleExpand;
+        private _handleListItemClick;
+        private _handleArrowKeyExpand;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        static get styles(): import("lit").CSSResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-list-item-v2": ListItemV2.ELEMENT;
+    }
+}

package/dist/types/components/list-v2/list-v2.d.ts

@@ -0,0 +1,56 @@
+import { LitElement } from "lit";
+export declare namespace ListV2 {
+    type Gap = "none" | "sm" | "md" | "lg";
+    type Orientation = "vertical" | "horizontal";
+    class ELEMENT extends LitElement {
+        /**
+         * The gap between list items.
+         */
+        gap: Gap;
+        orientation: Orientation;
+        assignedNodes: NodeList;
+        connectedCallback(): void;
+        render(): import("lit").TemplateResult<1>;
+        private get listItems();
+        private handleMouseClick;
+        /**
+         * Calculates a new index based on the pressed keyboard key.
+         * Supports navigation keys for moving focus within a list.
+         * @param key - The key that was pressed.
+         * @param currentIndex - The current index of the focused list item.
+         * @param wrappedDivsCount - The total number of list items.
+         * @returns The new index to focus on, or undefined if the key is not supported.
+         */
+        private getNewIndexBasedOnKey;
+        /**
+         * Handles the keydown event on the list element.
+         * If the key is 'ArrowUp' or 'ArrowDown', it focuses to the previous or next list item
+         * and sets the active tabindex of the list item.
+         * Prevents the default event behavior.
+         * @param event - The keyboard event.
+         */
+        private handleKeyDown;
+        /**
+         * Returns the index of the given target in the listItems array.
+         * If the target is not a list item, but a child element of a list item,
+         * it returns the index of the parent list item.
+         * @param target - The target element to find the index of.
+         * @returns The index of the target element in the listItems array.
+         */
+        private getCurrentIndex;
+        /**
+         * Resets all list items tabindex to -1 and sets the tabindex of the
+         * element at the given index to 0, effectively setting the active
+         * element. This is used when navigating the list via keyboard.
+         *
+         * @param newIndex - The index of the new active element in the list.
+         */
+        private resetTabIndexAndSetActiveTabIndex;
+        static get styles(): import("lit").CSSResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-list-v2": ListV2.ELEMENT;
+    }
+}

package/dist/types/components/menu-overlay/MenuOverlay.d.ts

@@ -42,6 +42,7 @@ export declare namespace MenuOverlay {
         trigger?: NodeListOf<HTMLElement>;
         private popperInstance;
         private triggerElement;
+        private _componentAddedAriaExpanded;
         static get styles(): import("lit").CSSResult[];
         private updateCSSProperties;
         updateActiveMenuOverlayOpened: (event: Event) => void;

package/dist/types/components/radio/Radio.d.ts

@@ -6,12 +6,15 @@
  *
  */
 import { LitElement } from "lit";
+import { nothing } from "lit-html";
 export declare namespace Radio {
     const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
         tabIndex: number;
         label: string;
         value: string;
+        message: string;
+        hideMessage: boolean;
         ariaLabel: string;
         autofocus: boolean;
         private _disabled;
@@ -20,6 +23,8 @@ export declare namespace Radio {
         checked: boolean;
         private get inputAriaLabel();
         static get styles(): import("lit").CSSResult[];
+        private get helpTextClassMap();
+        messagesTemplate(): import("lit").TemplateResult<1> | typeof nothing;
         render(): import("lit").TemplateResult<1>;
     }
     export {};

package/dist/types/components/slider/Slider.d.ts

@@ -1,5 +1,12 @@
 import { LitElement, PropertyValues } from "lit";
 export declare namespace Slider {
+    export interface SliderChangeEventDetail {
+        value: number;
+    }
+    export interface SliderChangingEventDetail {
+        oldValue: number;
+        newValue: number;
+    }
     const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
         private _disabled;
@@ -45,4 +52,8 @@ declare global {
     interface HTMLElementTagNameMap {
         "md-slider": Slider.ELEMENT;
     }
+    interface HTMLElementEventMap {
+        "slider-change": CustomEvent<Slider.SliderChangeEventDetail>;
+        "slider-changing": CustomEvent<Slider.SliderChangingEventDetail>;
+    }
 }

package/dist/types/components/tooltip/Tooltip.d.ts

@@ -30,6 +30,9 @@ export declare namespace Tooltip {
         private slotContent;
         private readonly _keyDownListener;
         private readonly _wheelListener;
+        private hasMessage;
+        private hasSlotContent;
+        private get hasTooltipContent();
         connectedCallback(): void;
         disconnectedCallback(): void;
         protected handleResize(contentRect: DOMRect): void;

package/dist/types/index.d.ts

@@ -47,7 +47,7 @@ export { Favorite } from "./components/favorite/Favorite";
 export { FloatingButtonActionGroup, FloatingButtonBar, FloatingButtonBarAction } from "./components/floating-button-bar/FloatingButtonBar";
 export { FloatingMinimizedModal } from "./components/floating-modal/FloatingMinimizedModal";
 export { FloatingModal } from "./components/floating-modal/FloatingModal";
-export { AbstractControl, FormArray, FormControl, FormGroup, ValidationError, Validators } from "./components/form";
+export { AbstractControl, FormArray, FormControl, FormGroup, ValidationError, Validators, ArrayValidators } from "./components/form";
 export { Form } from "./components/form/Form";
 export { Grabber } from "./components/grabber/Grabber";
 export { HelpText } from "./components/help-text/HelpText";
@@ -56,6 +56,8 @@ export { InputFile } from "./components/input-file/InputFile";
 export { Input } from "./components/input/Input";
 export { Label } from "./components/label/Label";
 export { Link } from "./components/link/Link";
+export { ListItemV2 } from "./components/list-v2/list-item-v2";
+export { ListV2 } from "./components/list-v2/list-v2";
 export { List } from "./components/list/List";
 export { ListItem } from "./components/list/ListItem";
 export { Loading } from "./components/loading/Loading";

package/dist/types/utils/keyboard.d.ts

@@ -1 +1,2 @@
 export declare function isActionKey(keyCode: string): boolean;
+export declare function isNavigationKey(keyCode: string): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.11",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",
@@ -14,7 +14,7 @@
     "@interactjs/interact": "1.10.3",
     "@interactjs/modifiers": "1.10.3",
     "@interactjs/utils": "1.10.3",
-    "@momentum-design/icons": "0.34.0",
+    "@momentum-design/icons": "0.37.2",
     "@popperjs/core": "^2.11.8",
     "country-codes-list": "1.6.8",
     "country-flags-svg": "1.1.4",