@momentum-design/components 0.117.1 → 0.117.3

package/dist/react/cardradio/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/cardradio';
+import type { Events } from '../../components/cardradio/cardradio.types';
 /**
  * cardradio component extends `mdc-card` and supports radio selection interaction addtionally.
  *
@@ -48,12 +49,10 @@ import Component from '../../components/cardradio';
  * @event change - (React: onChange) Event that gets dispatched when the card's checked state changes.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onChange: EventName<CustomEvent<unknown> & {
-        target: Component;
-    }>;
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, Component>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
-    onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
+    onChange: EventName<Events["onChangeEvent"]>;
+    onClick: EventName<Events["onClickEvent"]>;
+    onKeyDown: EventName<Events["onKeyDownEvent"]>;
+    onKeyUp: EventName<Events["onKeyUpEvent"]>;
+    onFocus: EventName<Events["onFocusEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/checkbox/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/checkbox';
+import type { Events } from '../../components/checkbox/checkbox.types';
 /**
  * Checkboxes allow users to select multiple options from a list or turn an item/feature on or off.
  * These are often used in forms, settings, and selections in lists.
@@ -26,7 +27,7 @@ import Component from '../../components/checkbox';
  * @cssproperty --mdc-checkbox-disabled-checked-icon-color - Background color for a selected checkbox when disabled.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onChange: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
+    onChange: EventName<Events["onChangeEvent"]>;
+    onFocus: EventName<Events["onFocusEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/chip/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/chip';
+import type { Events as EventsInherited } from '../../components/buttonsimple/buttonsimple.types';
 /**
  * mdc-chip is an interactive element that can be used to represent a chip. It supports a leading icon along with label.
  * Consumers can wrap this component around a tooltip to provide additional context.
@@ -28,9 +29,9 @@ import Component from '../../components/chip';
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
-    onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
+    onClick: EventName<EventsInherited["onClickEvent"]>;
+    onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
+    onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
+    onFocus: EventName<EventsInherited["onFocusEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/coachmark/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/coachmark';
+import type { Events as EventsInherited } from '../../components/popover/popover.types';
 /**
  * Coachmark component based on top of the popover component,
  * with the default value of certain properties changed.
@@ -27,17 +28,9 @@ import Component from '../../components/coachmark';
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onShown: EventName<import("../../components/popover/popover.types").PopoverShownEvent>;
-    onHidden: EventName<import("../../components/popover/popover.types").PopoverHiddenEvent>;
-    onCreated: EventName<CustomEvent<{
-        show: boolean;
-    }> & {
-        target: import("../../components/popover/popover.component").default;
-    }>;
-    onDestroyed: EventName<CustomEvent<{
-        show: boolean;
-    }> & {
-        target: import("../../components/popover/popover.component").default;
-    }>;
+    onShown: EventName<EventsInherited["onShownEvent"]>;
+    onHidden: EventName<EventsInherited["onHiddenEvent"]>;
+    onCreated: EventName<EventsInherited["onCreatedEvent"]>;
+    onDestroyed: EventName<EventsInherited["onDestroyedEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/combobox/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/combobox';
+import type { Events } from '../../components/combobox/combobox.types';
 /**
  * The Combobox component is a text-based dropdown control that allows users to select an option from a predefined list.
  * Users can type text to filter the options and select their desired choice.
@@ -60,20 +61,10 @@ import Component from '../../components/combobox';
  * @csspart combobox__button-icon - The icon element of the button of the combobox.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, Component>>;
-    onChange: EventName<CustomEvent<{
-        value: string;
-        label?: string | undefined;
-    }> & {
-        target: Component;
-    }>;
-    onInput: EventName<CustomEvent<{
-        value: string;
-        label?: string | undefined;
-    }> & {
-        target: Component;
-    }>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
+    onClick: EventName<Events["onClickEvent"]>;
+    onChange: EventName<Events["onChangeEvent"]>;
+    onInput: EventName<Events["onInputEvent"]>;
+    onKeyDown: EventName<Events["onKeyDownEvent"]>;
+    onFocus: EventName<Events["onFocusEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/dialog/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/dialog';
+import type { Events } from '../../components/dialog/dialog.types';
 /**
  * Dialog component is a modal dialog that can be used to display information or prompt the user for input.
  * It can be used to create custom dialogs where content for the body and footer actions is provided by the consumer.
@@ -56,20 +57,10 @@ import Component from '../../components/dialog';
  * using the footer-link and footer-button slots is preferred
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onShown: EventName<import("../../utils/types").TypedCustomEvent<Component, {
-        show: boolean;
-    }>>;
-    onHidden: EventName<import("../../utils/types").TypedCustomEvent<Component, {
-        show: boolean;
-    }>>;
-    onCreated: EventName<import("../../utils/types").TypedCustomEvent<Component, {
-        show: boolean;
-    }>>;
-    onDestroyed: EventName<import("../../utils/types").TypedCustomEvent<Component, {
-        show: boolean;
-    }>>;
-    onClose: EventName<import("../../utils/types").TypedCustomEvent<Component, {
-        show: boolean;
-    }>>;
+    onShown: EventName<Events["onShownEvent"]>;
+    onHidden: EventName<Events["onHiddenEvent"]>;
+    onCreated: EventName<Events["onCreatedEvent"]>;
+    onDestroyed: EventName<Events["onDestroyedEvent"]>;
+    onClose: EventName<Events["onCloseEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/filterchip/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/filterchip';
+import type { Events as EventsInherited } from '../../components/buttonsimple/buttonsimple.types';
 /**
  * mdc-filterchip component is an interactive chip that consumers can use to select or deselect.
  * They can be found with lists or tables as quick filters.
@@ -23,9 +24,9 @@ import Component from '../../components/filterchip';
  * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
-    onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
+    onClick: EventName<EventsInherited["onClickEvent"]>;
+    onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
+    onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
+    onFocus: EventName<EventsInherited["onFocusEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/input/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/input';
+import type { Events } from '../../components/input/input.types';
 /**
  * mdc-input is a component that allows users to input text.
  *  It contains:
@@ -44,10 +45,10 @@ import Component from '../../components/input';
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClear: EventName<import("../../components/input/input.types").InputClearEvent>;
-    onInput: EventName<import("../../components/input/input.types").InputInputEvent>;
-    onChange: EventName<import("../../components/input/input.types").InputChangeEvent>;
-    onFocus: EventName<import("../../components/input/input.types").InputFocusEvent>;
-    onBlur: EventName<import("../../components/input/input.types").InputBlurEvent>;
+    onClear: EventName<Events["onClearEvent"]>;
+    onInput: EventName<Events["onInputEvent"]>;
+    onChange: EventName<Events["onChangeEvent"]>;
+    onFocus: EventName<Events["onFocusEvent"]>;
+    onBlur: EventName<Events["onBlurEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/inputchip/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/inputchip';
+import type { Events } from '../../components/inputchip/inputchip.types';
 /**
  * mdc-inputchip component is an interactive chip that consumers can use to represent an input.
  *
@@ -25,6 +26,6 @@ import Component from '../../components/inputchip';
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onRemove: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
+    onRemove: EventName<Events["onRemoveEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/link/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/link';
+import type { Events as EventsInherited } from '../../components/linksimple/linksimple.types';
 /**
  * `mdc-link` component can be used to navigate to a different page
  * within the application or to an external site. It can be used to link to
@@ -22,9 +23,9 @@ import Component from '../../components/link';
  * @csspart icon - The icon element.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/linksimple/linksimple.component").default>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/linksimple/linksimple.component").default>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/linksimple/linksimple.component").default>>;
-    onBlur: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/linksimple/linksimple.component").default>>;
+    onClick: EventName<EventsInherited["onClickEvent"]>;
+    onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
+    onFocus: EventName<EventsInherited["onFocusEvent"]>;
+    onBlur: EventName<EventsInherited["onBlurEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/linkbutton/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/linkbutton';
+import type { Events as EventsInherited } from '../../components/buttonsimple/buttonsimple.types';
 /**
  * `mdc-linkbutton` visually mimics a hyperlink while functioning as a button. It blends the appearance of `mdc-link` with the accessibility and interaction capabilities of `mdc-button`.
  *
@@ -30,9 +31,9 @@ import Component from '../../components/linkbutton';
  * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted linkbutton’s child content in the normal state.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
-    onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
+    onClick: EventName<EventsInherited["onClickEvent"]>;
+    onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
+    onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
+    onFocus: EventName<EventsInherited["onFocusEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/linksimple/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/linksimple';
+import type { Events } from '../../components/linksimple/linksimple.types';
 /**
  * `mdc-linksimple` is a lightweight link component that can be used to navigate
  * within the application or to an external URL. It does not have any predefined default size.
@@ -28,9 +29,9 @@ import Component from '../../components/linksimple';
  * @csspart anchor - The anchor element that wraps the linksimple content.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, Component>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
-    onBlur: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
+    onClick: EventName<Events["onClickEvent"]>;
+    onKeyDown: EventName<Events["onKeyDownEvent"]>;
+    onFocus: EventName<Events["onFocusEvent"]>;
+    onBlur: EventName<Events["onBlurEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/listbox/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/listbox';
+import type { Events } from '../../components/listbox/listbox.types';
 /**
  * listbox component presents a list of options and allows a user to select one of them.
  *
@@ -25,6 +26,6 @@ import Component from '../../components/listbox';
  * @event change - (React: onChange) This event is emitted when the selected item changed
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onChange: EventName<import("../../components/listbox/listbox.types").ListBoxChangeEvent>;
+    onChange: EventName<Events["onChangeEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/listitem/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/listitem';
+import type { Events } from '../../components/listitem/listitem.types';
 /**
  * mdc-listitem component is used to display a label with different types of controls.
  * There can be three types of controls, a radio button, a checkbox on the
@@ -53,13 +54,13 @@ import Component from '../../components/listitem';
  * @event destroyed - (React: onDestroyed) This event is dispatched after the listitem is destroyed (removed from the DOM)
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, Component>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
-    onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
-    onEnabled: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
-    onDisabled: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
-    onCreated: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
-    onDestroyed: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
+    onClick: EventName<Events["onClickEvent"]>;
+    onKeyDown: EventName<Events["onKeyDownEvent"]>;
+    onKeyUp: EventName<Events["onKeyUpEvent"]>;
+    onFocus: EventName<Events["onFocusEvent"]>;
+    onEnabled: EventName<Events["onEnabledEvent"]>;
+    onDisabled: EventName<Events["onDisabledEvent"]>;
+    onCreated: EventName<Events["onCreatedEvent"]>;
+    onDestroyed: EventName<Events["onDestroyedEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/menuitem/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/menuitem';
+import type { Events as EventsInherited } from '../../components/listitem/listitem.types';
 /**
  * menuitem component is inherited by listitem component with the role set `menuitem`.<br/>
  * A menu item can contain an icon on the leading or trailing side.
@@ -38,13 +39,13 @@ import Component from '../../components/menuitem';
  * @event destroyed - (React: onDestroyed) This event is dispatched after the menuitem is destroyed (removed from the DOM)
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/listitem/listitem.component").default>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/listitem/listitem.component").default>>;
-    onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/listitem/listitem.component").default>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/listitem/listitem.component").default>>;
-    onEnabled: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onDisabled: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onCreated: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onDestroyed: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
+    onClick: EventName<EventsInherited["onClickEvent"]>;
+    onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
+    onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
+    onFocus: EventName<EventsInherited["onFocusEvent"]>;
+    onEnabled: EventName<EventsInherited["onEnabledEvent"]>;
+    onDisabled: EventName<EventsInherited["onDisabledEvent"]>;
+    onCreated: EventName<EventsInherited["onCreatedEvent"]>;
+    onDestroyed: EventName<EventsInherited["onDestroyedEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/menuitemcheckbox/index.d.ts

@@ -1,5 +1,7 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/menuitemcheckbox';
+import type { Events } from '../../components/menuitemcheckbox/menuitemcheckbox.types';
+import type { Events as EventsInherited } from '../../components/listitem/listitem.types';
 /**
  * A menuitemcheckbox component is a checkable menuitem.
  * There should be no focusable descendants inside this menuitemcheckbox component.
@@ -44,14 +46,14 @@ import Component from '../../components/menuitemcheckbox';
  * @event focus - (React: onFocus) This event is dispatched when the menuitemcheckbox receives focus.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onChange: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/listitem/listitem.component").default>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/listitem/listitem.component").default>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/listitem/listitem.component").default>>;
-    onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/listitem/listitem.component").default>>;
-    onEnabled: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onDisabled: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onCreated: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onDestroyed: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
+    onChange: EventName<Events["onChangeEvent"]>;
+    onClick: EventName<EventsInherited["onClickEvent"]>;
+    onFocus: EventName<EventsInherited["onFocusEvent"]>;
+    onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
+    onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
+    onEnabled: EventName<EventsInherited["onEnabledEvent"]>;
+    onDisabled: EventName<EventsInherited["onDisabledEvent"]>;
+    onCreated: EventName<EventsInherited["onCreatedEvent"]>;
+    onDestroyed: EventName<EventsInherited["onDestroyedEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/menuitemradio/index.d.ts

@@ -1,5 +1,7 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/menuitemradio';
+import type { Events } from '../../components/menuitemradio/menuitemradio.types';
+import type { Events as EventsInherited } from '../../components/listitem/listitem.types';
 /**
  * A menuitemradio component is a checkable menuitem that is used in a menu.
  * A menuitemradio should be checked only one at a time. <br/>
@@ -46,14 +48,14 @@ import Component from '../../components/menuitemradio';
  * @event focus - (React: onFocus) This event is dispatched when the menuitemradio receives focus.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onChange: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/listitem/listitem.component").default>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/listitem/listitem.component").default>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/listitem/listitem.component").default>>;
-    onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/listitem/listitem.component").default>>;
-    onEnabled: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onDisabled: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onCreated: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onDestroyed: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
+    onChange: EventName<Events["onChangeEvent"]>;
+    onClick: EventName<EventsInherited["onClickEvent"]>;
+    onFocus: EventName<EventsInherited["onFocusEvent"]>;
+    onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
+    onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
+    onEnabled: EventName<EventsInherited["onEnabledEvent"]>;
+    onDisabled: EventName<EventsInherited["onDisabledEvent"]>;
+    onCreated: EventName<EventsInherited["onCreatedEvent"]>;
+    onDestroyed: EventName<EventsInherited["onDestroyedEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/menupopover/index.d.ts

@@ -1,5 +1,7 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/menupopover';
+import type { Events } from '../../components/menupopover/menupopover.types';
+import type { Events as EventsInherited } from '../../components/popover/popover.types';
 /**
  * A popover menu component that displays a list of menu items in a floating container.
  * It's designed to work in conjunction with `mdc-menubar` and `mdc-menuitem` to create
@@ -45,19 +47,11 @@ import Component from '../../components/menupopover';
  * @slot default - Contains the menu items to be displayed in the popover
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onChange: EventName<import("../../components/menupopover/menupopover.types").MenuPopoverChangeEvent>;
-    onAction: EventName<import("../../components/menupopover/menupopover.types").MenuPopoverActionEvent>;
-    onShown: EventName<import("../../components/popover/popover.types").PopoverShownEvent>;
-    onHidden: EventName<import("../../components/popover/popover.types").PopoverHiddenEvent>;
-    onCreated: EventName<CustomEvent<{
-        show: boolean;
-    }> & {
-        target: import("../../components/popover/popover.component").default;
-    }>;
-    onDestroyed: EventName<CustomEvent<{
-        show: boolean;
-    }> & {
-        target: import("../../components/popover/popover.component").default;
-    }>;
+    onChange: EventName<Events["onChangeEvent"]>;
+    onAction: EventName<Events["onActionEvent"]>;
+    onShown: EventName<EventsInherited["onShownEvent"]>;
+    onHidden: EventName<EventsInherited["onHiddenEvent"]>;
+    onCreated: EventName<EventsInherited["onCreatedEvent"]>;
+    onDestroyed: EventName<EventsInherited["onDestroyedEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/menusection/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/menusection';
+import type { Events } from '../../components/menusection/menusection.types';
 /**
  * `mdc-menusection` is a container element used to group a set of menu items.
  *
@@ -17,7 +18,7 @@ import Component from '../../components/menusection';
  * @event action - (React: onAction) This event is dispatched when a `menuitem` selected.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onChange: EventName<import("../../components/menusection/menusection.types").MenuSectionChangeEvent>;
-    onAction: EventName<import("../../components/menusection/menusection.types").MenuSectionActionEvent>;
+    onChange: EventName<Events["onChangeEvent"]>;
+    onAction: EventName<Events["onActionEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/navmenuitem/index.d.ts

@@ -1,5 +1,7 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/navmenuitem';
+import type { Events } from '../../components/navmenuitem/navmenuitem.types';
+import type { Events as EventsInherited } from '../../components/listitem/listitem.types';
 /**
  * `mdc-navmenuitem` is a menuitem styled to work as a navigation tab.
  * It supports a leading icon, optional badge and dynamic text rendering.
@@ -36,17 +38,14 @@ import Component from '../../components/navmenuitem';
  * @cssproperty --mdc-navmenuitem-rest-active-background-color - Background color of the active nav item in its rest state.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onActiveChange: EventName<import("../../utils/types").TypedCustomEvent<Component, {
-        navId: string;
-        active: boolean;
-    }>>;
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/listitem/listitem.component").default>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/listitem/listitem.component").default>>;
-    onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/listitem/listitem.component").default>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/listitem/listitem.component").default>>;
-    onEnabled: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onDisabled: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onCreated: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onDestroyed: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
+    onActiveChange: EventName<Events["onActiveChangeEvent"]>;
+    onClick: EventName<EventsInherited["onClickEvent"]>;
+    onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
+    onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
+    onFocus: EventName<EventsInherited["onFocusEvent"]>;
+    onEnabled: EventName<EventsInherited["onEnabledEvent"]>;
+    onDisabled: EventName<EventsInherited["onDisabledEvent"]>;
+    onCreated: EventName<EventsInherited["onCreatedEvent"]>;
+    onDestroyed: EventName<EventsInherited["onDestroyedEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/option/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/option';
+import type { Events as EventsInherited } from '../../components/listitem/listitem.types';
 /**
  * Option component, which is used within Selectlistbox within Select component.
  *
@@ -26,13 +27,13 @@ import Component from '../../components/option';
  * @event focus - (React: onFocus) This event is dispatched when the option receives focus.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/listitem/listitem.component").default>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/listitem/listitem.component").default>>;
-    onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/listitem/listitem.component").default>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/listitem/listitem.component").default>>;
-    onEnabled: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onDisabled: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onCreated: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
-    onDestroyed: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/listitem/listitem.component").default, unknown>>;
+    onClick: EventName<EventsInherited["onClickEvent"]>;
+    onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
+    onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
+    onFocus: EventName<EventsInherited["onFocusEvent"]>;
+    onEnabled: EventName<EventsInherited["onEnabledEvent"]>;
+    onDisabled: EventName<EventsInherited["onDisabledEvent"]>;
+    onCreated: EventName<EventsInherited["onCreatedEvent"]>;
+    onDestroyed: EventName<EventsInherited["onDestroyedEvent"]>;
 }>;
 export default reactWrapper;

package/dist/react/password/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/password';
+import type { Events as EventsInherited } from '../../components/input/input.types';
 /**
  * `mdc-password` is a component that allows users to input their password.
  *  It extends the `mdc-input` component and provides additional features specific to password fields.
@@ -42,10 +43,10 @@ import Component from '../../components/password';
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onInput: EventName<import("../../components/input/input.types").InputInputEvent>;
-    onChange: EventName<import("../../components/input/input.types").InputChangeEvent>;
-    onFocus: EventName<import("../../components/input/input.types").InputFocusEvent>;
-    onBlur: EventName<import("../../components/input/input.types").InputBlurEvent>;
-    onClear: EventName<import("../../components/input/input.types").InputClearEvent>;
+    onInput: EventName<EventsInherited["onInputEvent"]>;
+    onChange: EventName<EventsInherited["onChangeEvent"]>;
+    onFocus: EventName<EventsInherited["onFocusEvent"]>;
+    onBlur: EventName<EventsInherited["onBlurEvent"]>;
+    onClear: EventName<EventsInherited["onClearEvent"]>;
 }>;
 export default reactWrapper;