@momentum-design/components 0.104.0 → 0.104.2

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

@@ -50,6 +50,8 @@ import Component from '../../components/accordion';
  * @csspart body-section - The body section of the accordion.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onShown: EventName<Event>;
+    onShown: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/accordionbutton/accordionbutton.component").default, {
+        expanded: boolean;
+    }>>;
 }>;
 export default reactWrapper;

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

@@ -47,6 +47,8 @@ import Component from '../../components/accordionbutton';
  * @csspart body-section - The body section of the accordion button.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onShown: EventName<Event>;
+    onShown: EventName<import("../../utils/types").TypedCustomEvent<Component, {
+        expanded: boolean;
+    }>>;
 }>;
 export default reactWrapper;

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

@@ -22,9 +22,9 @@ import Component from '../../components/alertchip';
  * @csspart label - The text label of the alertchip
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
+    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>>;
 }>;
 export default reactWrapper;

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

@@ -13,8 +13,14 @@ import Component from '../../components/animation';
  * @event error - (React: onError) This event is dispatched when animation loading failed
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onLoad: EventName<Event>;
-    onComplete: EventName<Event>;
-    onError: EventName<Event>;
+    onLoad: EventName<import("../../utils/types").TypedCustomEvent<Component, {
+        name: "meeting" | "success" | "audio_video" | "calling" | "alert_32px_loop" | "hello_32px" | "processing_32px_end" | "processing_32px_loop" | "processing_32px_start" | "responding_32px_end" | "responding_32px_loop" | "responding_32px_start" | "contacts" | "discoverability_badge" | "heart_opacity_test" | "personal_insight" | "celebrate" | "clap_dark" | "clap_light" | "clap_medium_dark" | "clap_medium_light" | "clap_medium" | "clap_yellow" | "fire" | "haha" | "heart" | "on_video_celebrate" | "on_video_clap_dark" | "on_video_clap_light" | "on_video_clap_medium_dark" | "on_video_clap_medium_light" | "on_video_clap_medium" | "on_video_clap_yellow" | "on_video_fire" | "on_video_haha" | "on_video_heart" | "on_video_prayer_dark" | "on_video_prayer_light" | "on_video_prayer_medium_dark" | "on_video_prayer_medium_light" | "on_video_prayer_medium" | "on_video_prayer_yellow" | "on_video_raise_hand_dark" | "on_video_raise_hand_light" | "on_video_raise_hand_medium_dark" | "on_video_raise_hand_medium_light" | "on_video_raise_hand_medium" | "on_video_raise_hand_yellow" | "on_video_sad" | "on_video_slow_down" | "on_video_smile" | "on_video_speed_up" | "on_video_thumb_down_dark" | "on_video_thumb_down_light" | "on_video_thumb_down_medium_dark" | "on_video_thumb_down_medium_light" | "on_video_thumb_down_medium" | "on_video_thumb_down_yellow" | "on_video_thumb_up_dark" | "on_video_thumb_up_light" | "on_video_thumb_up_medium_dark" | "on_video_thumb_up_medium_light" | "on_video_thumb_up_medium" | "on_video_thumb_up_yellow" | "on_video_wow" | "prayer_dark" | "prayer_light" | "prayer_medium_dark" | "prayer_medium_light" | "prayer_medium" | "prayer_yellow" | "raise_hand_dark" | "raise_hand_light" | "raise_hand_medium_dark" | "raise_hand_medium_light" | "raise_hand_medium" | "raise_hand_yellow" | "sad" | "slow_down" | "smile" | "speed_up" | "thumb_down_dark" | "thumb_down_light" | "thumb_down_medium_dark" | "thumb_down_medium_light" | "thumb_down_medium" | "thumb_down_yellow" | "thumb_up_dark" | "thumb_up_light" | "thumb_up_medium_dark" | "thumb_up_medium_light" | "thumb_up_medium" | "thumb_up_yellow" | "wow" | "space" | "teams" | "webex_logo_loop" | "welcome";
+    }>>;
+    onComplete: EventName<import("../../utils/types").TypedCustomEvent<Component, {
+        name: "meeting" | "success" | "audio_video" | "calling" | "alert_32px_loop" | "hello_32px" | "processing_32px_end" | "processing_32px_loop" | "processing_32px_start" | "responding_32px_end" | "responding_32px_loop" | "responding_32px_start" | "contacts" | "discoverability_badge" | "heart_opacity_test" | "personal_insight" | "celebrate" | "clap_dark" | "clap_light" | "clap_medium_dark" | "clap_medium_light" | "clap_medium" | "clap_yellow" | "fire" | "haha" | "heart" | "on_video_celebrate" | "on_video_clap_dark" | "on_video_clap_light" | "on_video_clap_medium_dark" | "on_video_clap_medium_light" | "on_video_clap_medium" | "on_video_clap_yellow" | "on_video_fire" | "on_video_haha" | "on_video_heart" | "on_video_prayer_dark" | "on_video_prayer_light" | "on_video_prayer_medium_dark" | "on_video_prayer_medium_light" | "on_video_prayer_medium" | "on_video_prayer_yellow" | "on_video_raise_hand_dark" | "on_video_raise_hand_light" | "on_video_raise_hand_medium_dark" | "on_video_raise_hand_medium_light" | "on_video_raise_hand_medium" | "on_video_raise_hand_yellow" | "on_video_sad" | "on_video_slow_down" | "on_video_smile" | "on_video_speed_up" | "on_video_thumb_down_dark" | "on_video_thumb_down_light" | "on_video_thumb_down_medium_dark" | "on_video_thumb_down_medium_light" | "on_video_thumb_down_medium" | "on_video_thumb_down_yellow" | "on_video_thumb_up_dark" | "on_video_thumb_up_light" | "on_video_thumb_up_medium_dark" | "on_video_thumb_up_medium_light" | "on_video_thumb_up_medium" | "on_video_thumb_up_yellow" | "on_video_wow" | "prayer_dark" | "prayer_light" | "prayer_medium_dark" | "prayer_medium_light" | "prayer_medium" | "prayer_yellow" | "raise_hand_dark" | "raise_hand_light" | "raise_hand_medium_dark" | "raise_hand_medium_light" | "raise_hand_medium" | "raise_hand_yellow" | "sad" | "slow_down" | "smile" | "speed_up" | "thumb_down_dark" | "thumb_down_light" | "thumb_down_medium_dark" | "thumb_down_medium_light" | "thumb_down_medium" | "thumb_down_yellow" | "thumb_up_dark" | "thumb_up_light" | "thumb_up_medium_dark" | "thumb_up_medium_light" | "thumb_up_medium" | "thumb_up_yellow" | "wow" | "space" | "teams" | "webex_logo_loop" | "welcome";
+    }>>;
+    onError: EventName<import("../../utils/types").TypedCustomEvent<Component, {
+        error: Error;
+    }>>;
 }>;
 export default reactWrapper;

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

@@ -29,9 +29,9 @@ import Component from '../../components/avatarbutton';
  * @csspart loader - The loading indicator part of the avatar.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
+    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>>;
 }>;
 export default reactWrapper;

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

@@ -18,7 +18,11 @@ import Component from '../../components/brandvisual';
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onLoad: EventName<Event>;
-    onError: EventName<Event>;
+    onLoad: EventName<import("../../utils/types").TypedCustomEvent<Component, {
+        name: "operation-pop-background-dark" | "operation-pop-background-light" | "webex-background-dark" | "webex-background-light" | "device-deskphone-eighteightsevenfive" | "device-deskphone-eighteightsevenfour" | "device-deskphone-eighteightsevenone" | "device-deskphone-eighteightseventwo" | "device-deskphone-eighteightsevenzero" | "device-deskphone-eighteightsixsix" | "device-deskphone-nineeightfiveone" | "device-deskphone-nineeightfourone" | "device-deskphone-nineeightsevenone" | "device-deskphone-nineeightsixone" | "device-deskpro" | "device-dx-sixfivezero" | "device-generic-mobile" | "device-ip-conference-phone-seveneightthreethree" | "device-ip-phone-eighteightfiveone-plus-multiple-screen" | "device-ip-phone-eighteightfiveone-plus-screen" | "device-ip-phone-eighteightfiveone" | "device-ip-phone-eighteightfourfive" | "device-ip-phone-eighteightfourone" | "device-ip-phone-eighteightoneone" | "device-ip-phone-eighteightsixfive-plus-screen" | "device-ip-phone-eighteightsixfive" | "device-ip-phone-eighteightsixone" | "device-ip-phone-seveneightfourone" | "device-ip-phone-seveneightoneone" | "device-ip-phone-seveneightsixone" | "device-ip-phone-seveneighttwoone" | "device-ip-phone-sixeightfiveone" | "device-ip-phone-sixeightsevenone" | "device-ip-phone-sixeightsixone" | "device-ip-phone-sixeighttwoone" | "device-ip-phone-sixninezeroone" | "device-phoenix" | "device-telepresence-dxeightzero" | "device-telepresence-dxsevenzero" | "device-telepresence-ixfivezerozerozero" | "device-telepresence-mxeightzerozero-dual" | "device-telepresence-mxeightzerozero-speakertrack" | "device-telepresence-mxeightzerozero" | "device-telepresence-mxsevenzerozero" | "device-telepresence-mxtwozerozero-gtwo" | "device-telepresence-sxeightzero" | "device-telepresence-sxonezero" | "device-webex-board-fivefive" | "device-webex-codec-plus" | "device-webex-room-bar" | "device-webex-room-fivefive" | "device-webex-room-kit-mini" | "device-webex-room-kit-plus" | "device-webex-room-kit-psixzero" | "device-webex-room-kit" | "device-webex-room-sevenzero-dual" | "device-webex-room-sevenzero" | "device-webex-share-ninesix-with-spark" | "device-webex-share-with-macbook" | "device-webex-share" | "alphalink" | "amazon-q-color" | "apple-business-chat-color" | "cisco-ai-assistant-bw-gradient" | "cisco-ai-assistant-bw-outline" | "cisco-ai-assistant-color-gradient" | "cisco-logo-dark-bw" | "cisco-logo-light-bw" | "cisco-logo-light-color" | "citynet-horizontal" | "citynet-mark" | "creative-direction-logo-dark-bw-horizontal" | "creative-direction-logo-dark-bw-mark" | "creative-direction-logo-dark-bw-vertical" | "creative-direction-logo-dark-color-horizontal" | "creative-direction-logo-dark-color-mark" | "creative-direction-logo-dark-color-vertical" | "creative-direction-logo-light-bw-horizontal" | "creative-direction-logo-light-bw-mark" | "creative-direction-logo-light-bw-vertical" | "creative-direction-logo-light-color-horizontal" | "creative-direction-logo-light-color-mark" | "creative-direction-logo-light-color-vertical" | "excelcom-horizontal" | "excelcom-mark" | "fedramp-logo" | "glean-color" | "google-meet-color" | "jira-color" | "momentum-design-logo-dark-bw-horizontal" | "momentum-design-logo-dark-bw-mark" | "momentum-design-logo-dark-bw-vertical" | "momentum-design-logo-dark-color-horizontal" | "momentum-design-logo-dark-color-mark" | "momentum-design-logo-dark-color-vertical" | "momentum-design-logo-light-bw-horizontal" | "momentum-design-logo-light-bw-mark" | "momentum-design-logo-light-bw-vertical" | "momentum-design-logo-light-color-horizontal" | "momentum-design-logo-light-color-mark" | "momentum-design-logo-light-color-vertical" | "ms-teams-color" | "northland-horizontal" | "northland-mark" | "salesforce-color" | "slack-color" | "slido-color" | "social-alexa-bw" | "social-alexa-color" | "social-facebook-bw" | "social-facebook-color" | "social-fbmessenger-bw" | "social-fbmessenger-color" | "social-instagram" | "social-line-bw" | "social-line-color" | "social-microsoft-bw" | "social-microsoft-color" | "social-rcs-bw" | "social-rcs-color" | "social-telegram-bw" | "social-telegram-color" | "social-viber-bw" | "social-viber-color" | "social-wechat-bw" | "social-wechat-color" | "social-whatsapp-bw" | "social-whatsapp-color" | "social-x" | "swiftmatch-bw" | "swiftmatch-color" | "switchconnect-horizontal" | "switchconnect-mark" | "telus-horizontal" | "telus-mark" | "verizon-horizontal" | "verizon-mark" | "videotron-horizontal" | "videotron-mark" | "voxon-horizontal" | "voxon-mark" | "webex-app-icon-color-container" | "webex-app-icon-meet-container" | "webex-app-icon-play-container" | "webex-app-icon-record-container" | "webex-app-icon-wda-container" | "webex-design-logo-dark-bw-gradient" | "webex-design-logo-dark-bw-outline" | "webex-design-logo-light-bw-gradient" | "webex-design-logo-light-bw-outline" | "webex-graphic-element-graphic-five" | "webex-graphic-element-graphic-four" | "webex-graphic-element-graphic-one" | "webex-graphic-element-graphic-three" | "webex-graphic-element-graphic-two" | "webex-graphic-element-wx-graphic" | "webex-logo-lockup-dark-bw-gradient-horizontal-bycisco" | "webex-logo-lockup-dark-bw-gradient-horizontal" | "webex-logo-lockup-dark-bw-gradient-vertical-bycisco" | "webex-logo-lockup-dark-bw-gradient-vertical" | "webex-logo-lockup-dark-bw-outline-horizontal-bycisco" | "webex-logo-lockup-dark-bw-outline-horizontal" | "webex-logo-lockup-dark-bw-outline-vertical-bycisco" | "webex-logo-lockup-dark-bw-outline-vertical" | "webex-logo-lockup-dark-color-gradient-horizontal-bycisco" | "webex-logo-lockup-dark-color-gradient-horizontal" | "webex-logo-lockup-dark-color-gradient-vertical-bycisco" | "webex-logo-lockup-dark-color-gradient-vertical" | "webex-logo-lockup-light-bw-gradient-horizontal-bycisco" | "webex-logo-lockup-light-bw-gradient-horizontal" | "webex-logo-lockup-light-bw-gradient-vertical-bycisco" | "webex-logo-lockup-light-bw-gradient-vertical" | "webex-logo-lockup-light-bw-outline-horizontal-bycisco" | "webex-logo-lockup-light-bw-outline-horizontal" | "webex-logo-lockup-light-bw-outline-vertical-bycisco" | "webex-logo-lockup-light-bw-outline-vertical" | "webex-logo-lockup-light-color-gradient-horizontal-bycisco" | "webex-logo-lockup-light-color-gradient-horizontal" | "webex-logo-lockup-light-color-gradient-vertical-bycisco" | "webex-logo-lockup-light-color-gradient-vertical" | "webex-partnership-logo-lockup-dark-apple" | "webex-partnership-logo-lockup-dark-box" | "webex-partnership-logo-lockup-dark-microsoft" | "webex-partnership-logo-lockup-dark-ms-teams" | "webex-partnership-logo-lockup-dark-okta" | "webex-partnership-logo-lockup-light-apple" | "webex-partnership-logo-lockup-light-box" | "webex-partnership-logo-lockup-light-microsoft" | "webex-partnership-logo-lockup-light-ms-teams" | "webex-partnership-logo-lockup-light-okta" | "webex-suite-icons-dark-bw-outline-events" | "webex-suite-icons-dark-bw-outline-vidcast" | "webex-suite-icons-dark-bw-outline-webex" | "webex-suite-icons-dark-color-gradient-events" | "webex-suite-icons-dark-color-gradient-vidcast" | "webex-suite-icons-dark-color-gradient-webex" | "webex-suite-icons-light-bw-outline-events" | "webex-suite-icons-light-bw-outline-vidcast" | "webex-suite-icons-light-bw-outline-webex" | "webex-suite-icons-light-color-gradient-events" | "webex-suite-icons-light-color-gradient-vidcast" | "webex-suite-icons-light-color-gradient-webex" | "webex-suite-tiles-dark-assist" | "webex-suite-tiles-dark-bot" | "webex-suite-tiles-dark-campaign" | "webex-suite-tiles-dark-engage" | "webex-suite-tiles-light-assist" | "webex-suite-tiles-light-bot" | "webex-suite-tiles-light-campaign" | "webex-suite-tiles-light-engage" | "webex-suite-wordmark-dark-account" | "webex-suite-wordmark-dark-adoption-methodology" | "webex-suite-wordmark-dark-ai-agent-studio" | "webex-suite-wordmark-dark-ambassador" | "webex-suite-wordmark-dark-analyzer" | "webex-suite-wordmark-dark-app-hub" | "webex-suite-wordmark-dark-assist" | "webex-suite-wordmark-dark-campaign-management" | "webex-suite-wordmark-dark-campaign-manager" | "webex-suite-wordmark-dark-campaign" | "webex-suite-wordmark-dark-connect-integrations" | "webex-suite-wordmark-dark-connect" | "webex-suite-wordmark-dark-contact-center" | "webex-suite-wordmark-dark-control-hub" | "webex-suite-wordmark-dark-cx-studio" | "webex-suite-wordmark-dark-directory-connector" | "webex-suite-wordmark-dark-ediscovery" | "webex-suite-wordmark-dark-engage" | "webex-suite-wordmark-dark-events" | "webex-suite-wordmark-dark-flow-designer" | "webex-suite-wordmark-dark-for-developers" | "webex-suite-wordmark-dark-global-service-status" | "webex-suite-wordmark-dark-interact" | "webex-suite-wordmark-dark-notify" | "webex-suite-wordmark-dark-partner-hub" | "webex-suite-wordmark-dark-placeholder" | "webex-suite-wordmark-dark-reach" | "webex-suite-wordmark-dark-settings" | "webex-suite-wordmark-dark-suite-settings" | "webex-suite-wordmark-dark-support" | "webex-suite-wordmark-dark-the-bridge" | "webex-suite-wordmark-dark-user-hub" | "webex-suite-wordmark-dark-vidcast" | "webex-suite-wordmark-dark-view" | "webex-suite-wordmark-dark-whiteboard" | "webex-suite-wordmark-light-account" | "webex-suite-wordmark-light-adoption-methodology" | "webex-suite-wordmark-light-ai-agent-studio" | "webex-suite-wordmark-light-ambassador" | "webex-suite-wordmark-light-analyzer" | "webex-suite-wordmark-light-app-hub" | "webex-suite-wordmark-light-assist" | "webex-suite-wordmark-light-campaign-management" | "webex-suite-wordmark-light-campaign-manager" | "webex-suite-wordmark-light-campaign" | "webex-suite-wordmark-light-connect-integrations" | "webex-suite-wordmark-light-connect" | "webex-suite-wordmark-light-contact-center" | "webex-suite-wordmark-light-control-hub" | "webex-suite-wordmark-light-cx-studio" | "webex-suite-wordmark-light-directory-connector" | "webex-suite-wordmark-light-ediscovery" | "webex-suite-wordmark-light-engage" | "webex-suite-wordmark-light-events" | "webex-suite-wordmark-light-flow-designer" | "webex-suite-wordmark-light-for-developers" | "webex-suite-wordmark-light-global-service-status" | "webex-suite-wordmark-light-interact" | "webex-suite-wordmark-light-notify" | "webex-suite-wordmark-light-partner-hub" | "webex-suite-wordmark-light-placeholder" | "webex-suite-wordmark-light-reach" | "webex-suite-wordmark-light-settings" | "webex-suite-wordmark-light-suite-settings" | "webex-suite-wordmark-light-support" | "webex-suite-wordmark-light-the-bridge" | "webex-suite-wordmark-light-user-hub" | "webex-suite-wordmark-light-vidcast" | "webex-suite-wordmark-light-view" | "webex-suite-wordmark-light-whiteboard" | "webex-symbol-common-color-gradient" | "webex-symbol-dark-bw-gradient" | "webex-symbol-dark-bw-outline" | "webex-symbol-light-bw-gradient" | "webex-symbol-light-bw-outline" | "webex-wordmark-dark-horizontal-bycisco" | "webex-wordmark-dark-vertical-bycisco-center" | "webex-wordmark-dark-vertical-bycisco-right" | "webex-wordmark-dark-wordmark" | "webex-wordmark-light-horizontal-bycisco" | "webex-wordmark-light-vertical-bycisco-center" | "webex-wordmark-light-vertical-bycisco-right" | "webex-wordmark-light-wordmark" | "xtel-horizontal" | "xtel-mark" | "zoom-color";
+    }>>;
+    onError: EventName<import("../../utils/types").TypedCustomEvent<Component, {
+        error: Error;
+    }>>;
 }>;
 export default reactWrapper;

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

@@ -24,20 +24,24 @@ import Component from '../../components/button';
  * - **Pill button**: A button that contains text value. Commonly used for call to action, tags, or filters.
  * - **Pill button with icons**: A button containing an icon either on the left or right side of the button.
  * - **Icon button**: A button represented by just an icon without any text.
- * The type of button is inferred based on the presence of slot and/or prefix and postfix icons.
+ * The type of button is inferred based on the presence of slot and/or prefix and postfix icons/slots.
  *
  * @dependency mdc-icon
  *
  * @tagname mdc-button
  *
  * @slot - Text label of the button.
+ * @slot prefix - Content to be displayed before the text label.
+ * @slot postfix - Content to be displayed after the text label.
  *
  * @csspart button-text - Text label of the button, passed in default slot
+ * @csspart prefix - Content before the text label, passed in `prefix` slot
+ * @csspart postfix - Content after the text label, passed in `postfix` slot
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
+    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>>;
 }>;
 export default reactWrapper;

package/dist/react/button/index.js

@@ -26,15 +26,19 @@ import { TAG_NAME } from '../../components/button/button.constants';
  * - **Pill button**: A button that contains text value. Commonly used for call to action, tags, or filters.
  * - **Pill button with icons**: A button containing an icon either on the left or right side of the button.
  * - **Icon button**: A button represented by just an icon without any text.
- * The type of button is inferred based on the presence of slot and/or prefix and postfix icons.
+ * The type of button is inferred based on the presence of slot and/or prefix and postfix icons/slots.
  *
  * @dependency mdc-icon
  *
  * @tagname mdc-button
  *
  * @slot - Text label of the button.
+ * @slot prefix - Content to be displayed before the text label.
+ * @slot postfix - Content to be displayed after the text label.
  *
  * @csspart button-text - Text label of the button, passed in default slot
+ * @csspart prefix - Content before the text label, passed in `prefix` slot
+ * @csspart postfix - Content after the text label, passed in `postfix` slot
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -22,9 +22,9 @@ import Component from '../../components/buttonlink';
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
-    onBlur: EventName<Event>;
+    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>>;
 }>;
 export default reactWrapper;

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

@@ -13,9 +13,9 @@ import Component from '../../components/buttonsimple';
  * @tagname mdc-buttonsimple
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
+    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>>;
 }>;
 export default reactWrapper;

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

@@ -38,9 +38,9 @@ import Component from '../../components/cardbutton';
  * @cssproperty --mdc-card-width - The width of the card
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
+    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>>;
 }>;
 export default reactWrapper;

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

@@ -44,15 +44,13 @@ import Component from '../../components/cardcheckbox';
  * It toggles the checked state when enter key is used.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the card.
  * It toggles the checked state when space key is used.
- * @event change - (React: onChange) Event that gets dispatched when the card state changes.
  * @event focus - (React: onFocus) Event that gets dispatched when the card receives focus.
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onChange: EventName<Event>;
-    onFocus: EventName<FocusEvent>;
+    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>>;
 }>;
 export default reactWrapper;

package/dist/react/cardcheckbox/index.js

@@ -46,7 +46,6 @@ import { TAG_NAME } from '../../components/cardcheckbox/cardcheckbox.constants';
  * It toggles the checked state when enter key is used.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the card.
  * It toggles the checked state when space key is used.
- * @event change - (React: onChange) Event that gets dispatched when the card state changes.
  * @event focus - (React: onFocus) Event that gets dispatched when the card receives focus.
  *
  */
@@ -58,7 +57,6 @@ const reactWrapper = createComponent({
         onClick: 'click',
         onKeyDown: 'keydown',
         onKeyUp: 'keyup',
-        onChange: 'change',
         onFocus: 'focus',
     },
     displayName: 'CardCheckbox',

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

@@ -44,15 +44,13 @@ import Component from '../../components/cardradio';
  * It toggles the checked state when enter key is used.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the card.
  * It toggles the checked state when space key is used.
- * @event change - (React: onChange) Event that gets dispatched when the card state changes.
  * @event focus - (React: onFocus) Event that gets dispatched when the card receives focus.
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onChange: EventName<Event>;
-    onFocus: EventName<FocusEvent>;
+    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>>;
 }>;
 export default reactWrapper;

package/dist/react/cardradio/index.js

@@ -46,7 +46,6 @@ import { TAG_NAME } from '../../components/cardradio/cardradio.constants';
  * It toggles the checked state when enter key is used.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the card.
  * It toggles the checked state when space key is used.
- * @event change - (React: onChange) Event that gets dispatched when the card state changes.
  * @event focus - (React: onFocus) Event that gets dispatched when the card receives focus.
  *
  */
@@ -58,7 +57,6 @@ const reactWrapper = createComponent({
         onClick: 'click',
         onKeyDown: 'keydown',
         onKeyUp: 'keyup',
-        onChange: 'change',
         onFocus: 'focus',
     },
     displayName: 'CardRadio',

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

@@ -26,7 +26,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<Event>;
-    onFocus: EventName<FocusEvent>;
+    onChange: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
+    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
 }>;
 export default reactWrapper;

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

@@ -21,9 +21,9 @@ import Component from '../../components/chip';
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
+    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>>;
 }>;
 export default reactWrapper;

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

@@ -56,10 +56,20 @@ 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<Event>;
-    onHidden: EventName<Event>;
-    onCreated: EventName<Event>;
-    onDestroyed: EventName<Event>;
-    onClose: EventName<Event>;
+    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;
+    }>>;
 }>;
 export default reactWrapper;

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

@@ -10,9 +10,9 @@ import Component from '../../components/filterchip';
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
+    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>>;
 }>;
 export default reactWrapper;

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 export { default as Accordion } from './accordion';
-export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
+export { default as AccordionButton } from './accordionbutton';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
@@ -31,8 +31,8 @@ export { default as Input } from './input';
 export { default as InputChip } from './inputchip';
 export { default as Link } from './link';
 export { default as LinkButton } from './linkbutton';
-export { default as List } from './list';
 export { default as Linksimple } from './linksimple';
+export { default as List } from './list';
 export { default as Listheader } from './listheader';
 export { default as ListItem } from './listitem';
 export { default as Marker } from './marker';
@@ -73,6 +73,6 @@ export { default as ThemeProvider } from './themeprovider';
 export { default as Toast } from './toast';
 export { default as Toggle } from './toggle';
 export { default as ToggleTip } from './toggletip';
+export { default as Tooltip } from './tooltip';
 export { default as Typewriter } from './typewriter';
 export { default as VirtualizedList } from './virtualizedlist';
-export { default as Tooltip } from './tooltip';

package/dist/react/index.js

@@ -1,6 +1,6 @@
 export { default as Accordion } from './accordion';
-export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
+export { default as AccordionButton } from './accordionbutton';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
@@ -31,8 +31,8 @@ export { default as Input } from './input';
 export { default as InputChip } from './inputchip';
 export { default as Link } from './link';
 export { default as LinkButton } from './linkbutton';
-export { default as List } from './list';
 export { default as Linksimple } from './linksimple';
+export { default as List } from './list';
 export { default as Listheader } from './listheader';
 export { default as ListItem } from './listitem';
 export { default as Marker } from './marker';
@@ -73,6 +73,6 @@ export { default as ThemeProvider } from './themeprovider';
 export { default as Toast } from './toast';
 export { default as Toggle } from './toggle';
 export { default as ToggleTip } from './toggletip';
+export { default as Tooltip } from './tooltip';
 export { default as Typewriter } from './typewriter';
 export { default as VirtualizedList } from './virtualizedlist';
-export { default as Tooltip } from './tooltip';

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

@@ -45,9 +45,9 @@ import Component from '../../components/input';
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onClear: EventName<import("../../components/input/input.types").InputClearEvent>;
-    onInput: EventName<InputEvent>;
+    onInput: EventName<import("../../utils/types").OverrideEventTarget<InputEvent, Component>>;
     onChange: EventName<import("../../components/input/input.types").InputChangeEvent>;
-    onFocus: EventName<FocusEvent>;
-    onBlur: EventName<FocusEvent>;
+    onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
+    onBlur: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
 }>;
 export default reactWrapper;

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

@@ -21,6 +21,6 @@ import Component from '../../components/inputchip';
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onRemove: EventName<Event>;
+    onRemove: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
 }>;
 export default reactWrapper;

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

@@ -19,9 +19,9 @@ import Component from '../../components/link';
  * @event blur - (React: onBlur) Fired when the Link loses keyboard or mouse focus.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
-    onBlur: EventName<Event>;
+    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>>;
 }>;
 export default reactWrapper;

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

@@ -30,9 +30,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<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
+    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>>;
 }>;
 export default reactWrapper;

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

@@ -26,9 +26,9 @@ import Component from '../../components/linksimple';
  * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted link’s child content in the normal state.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
-    onClick: EventName<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
-    onBlur: EventName<Event>;
+    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>>;
 }>;
 export default reactWrapper;

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

@@ -56,13 +56,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<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
-    onEnabled: EventName<Event>;
-    onDisabled: EventName<Event>;
-    onCreated: EventName<Event>;
-    onDestroyed: EventName<Event>;
+    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>>;
 }>;
 export default reactWrapper;

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

@@ -30,15 +30,19 @@ import Component from '../../components/menuitem';
  * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the menuitem.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the menuitem.
  * @event focus - (React: onFocus) This event is dispatched when the menuitem receives focus.
+ * @event enabled - (React: onEnabled) This event is dispatched after the menuitem is enabled
+ * @event disabled - (React: onDisabled) This event is dispatched after the menuitem is disabled
+ * @event created - (React: onCreated) This event is dispatched after the menuitem is created (added to the DOM)
+ * @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<MouseEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onFocus: EventName<FocusEvent>;
-    onEnabled: EventName<Event>;
-    onDisabled: EventName<Event>;
-    onCreated: EventName<Event>;
-    onDestroyed: EventName<Event>;
+    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>>;
 }>;
 export default reactWrapper;

package/dist/react/menuitem/index.js

@@ -32,6 +32,10 @@ import { TAG_NAME } from '../../components/menuitem/menuitem.constants';
  * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the menuitem.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the menuitem.
  * @event focus - (React: onFocus) This event is dispatched when the menuitem receives focus.
+ * @event enabled - (React: onEnabled) This event is dispatched after the menuitem is enabled
+ * @event disabled - (React: onDisabled) This event is dispatched after the menuitem is disabled
+ * @event created - (React: onCreated) This event is dispatched after the menuitem is created (added to the DOM)
+ * @event destroyed - (React: onDestroyed) This event is dispatched after the menuitem is destroyed (removed from the DOM)
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -44,14 +44,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<Event>;
-    onClick: EventName<MouseEvent>;
-    onFocus: EventName<FocusEvent>;
-    onKeyDown: EventName<KeyboardEvent>;
-    onKeyUp: EventName<KeyboardEvent>;
-    onEnabled: EventName<Event>;
-    onDisabled: EventName<Event>;
-    onCreated: EventName<Event>;
-    onDestroyed: EventName<Event>;
+    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>>;
 }>;
 export default reactWrapper;