@momentum-design/components 0.117.2 → 0.117.3

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;

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

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/popover';
+import type { Events } from '../../components/popover/popover.types';
 /**
  * Popover component is a lightweight floating UI element that displays additional content when triggered.
  * It can be used for tooltips, dropdowns, or contextual menus.
@@ -36,17 +37,9 @@ import Component from '../../components/popover';
  *
  */
 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: Component;
-    }>;
-    onDestroyed: EventName<CustomEvent<{
-        show: boolean;
-    }> & {
-        target: Component;
-    }>;
+    onShown: EventName<Events["onShownEvent"]>;
+    onHidden: EventName<Events["onHiddenEvent"]>;
+    onCreated: EventName<Events["onCreatedEvent"]>;
+    onDestroyed: EventName<Events["onDestroyedEvent"]>;
 }>;
 export default reactWrapper;

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

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/radio';
+import type { Events } from '../../components/radio/radio.types';
 /**
  * Radio allow users to select single options from a list or turn an item/feature on or off.
  * These are often used in forms, settings, and selection in lists.
@@ -28,7 +29,7 @@ import Component from '../../components/radio';
  *
  */
 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/searchfield/index.d.ts

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/searchfield';
+import type { Events as EventsInherited } from '../../components/input/input.types';
 /**
  * `mdc-searchfield` component is used as an input field for search functionality.
  *
@@ -18,10 +19,10 @@ import Component from '../../components/searchfield';
  * @slot filters - Slot for input chips
  */
 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;

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

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/select';
+import type { Events } from '../../components/select/select.types';
 /**
  * The mdc-select component is a dropdown selection control that allows users to pick an option from a predefined list.
  * It is designed to work with `mdc-option` for individual options and `mdc-optgroup` for grouping related options.
@@ -46,10 +47,10 @@ import Component from '../../components/select';
  * @cssproperty --mdc-select-listbox-width - The width of the listbox inside the select (default: `--mdc-select-width`).
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onChange: EventName<import("../../components/select/select.types").SelectChangeEvent>;
-    onInput: EventName<import("../../components/select/select.types").SelectInputEvent>;
-    onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, Component>>;
-    onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
+    onChange: EventName<Events["onChangeEvent"]>;
+    onInput: EventName<Events["onInputEvent"]>;
+    onClick: EventName<Events["onClickEvent"]>;
+    onKeyDown: EventName<Events["onKeyDownEvent"]>;
+    onFocus: EventName<Events["onFocusEvent"]>;
 }>;
 export default reactWrapper;

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

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/sidenavigation';
+import type { Events } from '../../components/sidenavigation/sidenavigation.types';
 /**
  * The `mdc-sidenavigation` component provides a vertically stacked navigation experience,
  * typically used in layouts with persistent or collapsible sidebars.
@@ -65,16 +66,7 @@ import Component from '../../components/sidenavigation';
  * @cssproperty --mdc-sidenavigation-vertical-divider-button-z-index - z-index of the vertical divider button
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onToggle: EventName<CustomEvent<{
-        expanded: boolean;
-    }> & {
-        target: Component;
-    }>;
-    onActiveChange: EventName<CustomEvent<{
-        navId: string;
-        active: boolean;
-    }> & {
-        target: Component;
-    }>;
+    onToggle: EventName<Events["onToggleEvent"]>;
+    onActiveChange: EventName<Events["onActiveChangeEvent"]>;
 }>;
 export default reactWrapper;

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

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/slider';
+import type { Events } from '../../components/slider/slider.types';
 /**
  * Slider component is used to select a value or range of values from within a defined range.
  * It provides a visual representation of the current value(s) and allows users to adjust the value(s) by dragging the thumb(s) along the track.
@@ -34,9 +35,7 @@ import Component from '../../components/slider';
  * @cssproperty --mdc-slider-tick-left - The left position of the slider tick marks
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onChange: EventName<CustomEvent<unknown> & {
-        target: Component;
-    }>;
-    onInput: EventName<import("../../utils/types").OverrideEventTarget<InputEvent, Component>>;
+    onChange: EventName<Events["onChangeEvent"]>;
+    onInput: EventName<Events["onInputEvent"]>;
 }>;
 export default reactWrapper;

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

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/stepperitem';
+import type { Events } from '../../components/stepperitem/stepperitem.types';
 /**
  * stepperitem component is used to represent a single step in a stepper component. It is used within a `mdc-stepper` component to indicate the current step in a process.
  * It can have different statuses such as `completed`, `current`, `incomplete`, `error-current`, and `error-incomplete`.
@@ -35,8 +36,8 @@ import Component from '../../components/stepperitem';
  * @cssproperty --mdc-stepperitem-label-container-background - The background color of the label container.
  */
 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>>;
+    onClick: EventName<Events["onClickEvent"]>;
+    onKeyDown: EventName<Events["onKeyDownEvent"]>;
+    onKeyUp: EventName<Events["onKeyUpEvent"]>;
 }>;
 export default reactWrapper;

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

@@ -1,5 +1,7 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/tab';
+import type { Events } from '../../components/tab/tab.types';
+import type { Events as EventsInherited } from '../../components/buttonsimple/buttonsimple.types';
 /**
  * `mdc-tab` is Tab component to be used within the Tabgroup.
  *
@@ -98,13 +100,10 @@ import Component from '../../components/tab';
  * @cssproperty --mdc-tab-pill-inactive-color-disabled - Text and icon color for inactive pill tab in disabled state.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onActiveChange: EventName<import("../../utils/types").TypedCustomEvent<Component, {
-        tabId: string;
-        active: boolean;
-    }>>;
-    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>>;
+    onActiveChange: EventName<Events["onActiveChangeEvent"]>;
+    onClick: EventName<EventsInherited["onClickEvent"]>;
+    onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
+    onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
+    onFocus: EventName<EventsInherited["onFocusEvent"]>;
 }>;
 export default reactWrapper;

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

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/tablist';
+import type { Events } from '../../components/tablist/tablist.types';
 /**
  * Tab list organizes tabs into a container.
  *
@@ -44,8 +45,6 @@ import Component from '../../components/tablist';
  * @cssproperty  --mdc-tablist-arrow-button-margin - Margin value for the arrow button
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onChange: EventName<import("../../utils/types").TypedCustomEvent<Component, {
-        tabId: string;
-    }>>;
+    onChange: EventName<Events["onChangeEvent"]>;
 }>;
 export default reactWrapper;

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

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/textarea';
+import type { Events } from '../../components/textarea/textarea.types';
 /**
  * mdc-textarea component, which is used to get the multi-line text input from the user.
  * It contains:
@@ -50,10 +51,10 @@ import Component from '../../components/textarea';
  * @cssproperty --mdc-textarea-focused-border-color - Border color for the textarea container when focused
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onLimitExceeded: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
-    onInput: EventName<import("../../utils/types").OverrideEventTarget<InputEvent, Component>>;
-    onChange: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
-    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
-    onBlur: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
+    onLimitExceeded: EventName<Events["onLimitExceededEvent"]>;
+    onInput: EventName<Events["onInputEvent"]>;
+    onChange: EventName<Events["onChangeEvent"]>;
+    onFocus: EventName<Events["onFocusEvent"]>;
+    onBlur: EventName<Events["onBlurEvent"]>;
 }>;
 export default reactWrapper;

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

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/toast';
+import type { Events } from '../../components/toast/toast.types';
 /**
  * `mdc-toast` is a lightweight, non-blocking alert used to inform users about application processes.
  * It supports success, warning, error, and custom messages, and is designed to be controlled externally.
@@ -39,6 +40,6 @@ import Component from '../../components/toast';
  * @cssproperty --mdc-toast-padding - Padding inside the toast.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClose: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
+    onClose: EventName<Events["onCloseEvent"]>;
 }>;
 export default reactWrapper;

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

@@ -1,5 +1,6 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/toggle';
+import type { Events } from '../../components/toggle/toggle.types';
 /**
  * Toggle Component is an interactive control used to switch between two mutually exclusive options,
  * such as On/Off, Active/Inactive. These are commonly used in settings panels, forms, and preference selections
@@ -36,7 +37,7 @@ import Component from '../../components/toggle';
  * @cssproperty --mdc-toggle-inactive-pressed-color - Background color of the inactive toggle in pressed state
  */
 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;