@momentum-design/components 0.117.2 → 0.117.4

package/dist/react/index.d.ts

@@ -1,11 +1,11 @@
-export { default as Accordion } from './accordion';
 export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
+export { default as Accordion } from './accordion';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
-export { default as AvatarButton } from './avatarbutton';
 export { default as Avatar } from './avatar';
+export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
 export { default as Brandvisual } from './brandvisual';
@@ -14,8 +14,8 @@ export { default as Button } from './button';
 export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
 export { default as Buttonsimple } from './buttonsimple';
-export { default as Card } from './card';
 export { default as CardButton } from './cardbutton';
+export { default as Card } from './card';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';
 export { default as Checkbox } from './checkbox';
@@ -50,10 +50,10 @@ export { default as MenuSection } from './menusection';
 export { default as NavMenuItem } from './navmenuitem';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
+export { default as Password } from './password';
 export { default as Popover } from './popover';
 export { default as Presence } from './presence';
 export { default as Progressbar } from './progressbar';
-export { default as Password } from './password';
 export { default as Progressspinner } from './progressspinner';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radiogroup';

package/dist/react/index.js

@@ -1,11 +1,11 @@
-export { default as Accordion } from './accordion';
 export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
+export { default as Accordion } from './accordion';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
-export { default as AvatarButton } from './avatarbutton';
 export { default as Avatar } from './avatar';
+export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
 export { default as Brandvisual } from './brandvisual';
@@ -14,8 +14,8 @@ export { default as Button } from './button';
 export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
 export { default as Buttonsimple } from './buttonsimple';
-export { default as Card } from './card';
 export { default as CardButton } from './cardbutton';
+export { default as Card } from './card';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';
 export { default as Checkbox } from './checkbox';
@@ -50,10 +50,10 @@ export { default as MenuSection } from './menusection';
 export { default as NavMenuItem } from './navmenuitem';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
+export { default as Password } from './password';
 export { default as Popover } from './popover';
 export { default as Presence } from './presence';
 export { default as Progressbar } from './progressbar';
-export { default as Password } from './password';
 export { default as Progressspinner } from './progressspinner';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radiogroup';

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:
@@ -25,6 +26,15 @@ import Component from '../../components/input';
  * @dependency mdc-button
  * @dependency mdc-toggletip
  *
+ * @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.
+ * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.
+ * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.
+ * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.
+ * @slot input - Slot for the input element. If not provided, the input field will be rendered.
+ * @slot input-leading-icon - Slot for the leading icon before the input field. If not provided, the `leadingIcon` property will be used to render the leading icon.
+ * @slot input-prefix-text - Slot for the prefix text before the input field. If not provided, the `prefixText` property will be used to render the prefix text.
+ * @slot trailing-button - Slot for the trailing button to clear the input field. If not provided, the clear button will be rendered when `trailingButton` property is set to true.
+ *
  * @cssproperty --mdc-input-disabled-border-color - Border color for the input container when disabled
  * @cssproperty --mdc-input-disabled-text-color - Text color for the input field when disabled
  * @cssproperty --mdc-input-disabled-background-color - Background color for the input field when disabled
@@ -44,10 +54,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/input/index.js

@@ -27,6 +27,15 @@ import { TAG_NAME } from '../../components/input/input.constants';
  * @dependency mdc-button
  * @dependency mdc-toggletip
  *
+ * @slot label - Slot for the label element. If not provided, the `label` property will be used to render the label.
+ * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.
+ * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.
+ * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.
+ * @slot input - Slot for the input element. If not provided, the input field will be rendered.
+ * @slot input-leading-icon - Slot for the leading icon before the input field. If not provided, the `leadingIcon` property will be used to render the leading icon.
+ * @slot input-prefix-text - Slot for the prefix text before the input field. If not provided, the `prefixText` property will be used to render the prefix text.
+ * @slot trailing-button - Slot for the trailing button to clear the input field. If not provided, the clear button will be rendered when `trailingButton` property is set to true.
+ *
  * @cssproperty --mdc-input-disabled-border-color - Border color for the input container when disabled
  * @cssproperty --mdc-input-disabled-text-color - Text color for the input field when disabled
  * @cssproperty --mdc-input-disabled-background-color - Background color for the input field when disabled

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;

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;