@mgdis/mg-components 5.15.0 → 5.17.0

package/dist/types/components/atoms/mg-badge/test/mg-badge.e2e.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.d.ts

@@ -0,0 +1,14 @@
+export declare class MgTooltipContent {
+  /**
+   * Displayed message in the tooltip
+   */
+  message: string;
+  /*************
+   * Lifecycle *
+   *************/
+  /**
+   * Render
+   * @returns HTML Element
+   */
+  render(): HTMLElement;
+}

package/dist/types/components/atoms/mg-tooltip/mg-tooltip.d.ts

@@ -4,9 +4,10 @@ export declare class MgTooltip {
    * Internal *
    ************/
   private popper;
-  private tooltip;
+  private mgTooltipContent;
   private tooltipedElement;
   private windows;
+  private hasCustomTabIndex;
   private guard;
   /**************
    * Decorators *
@@ -38,6 +39,7 @@ export declare class MgTooltip {
    * Disable tooltip
    */
   disabled: boolean;
+  validateDisabled(newValue: MgTooltip['disabled']): void;
   /**
    * Show tooltip
    */
@@ -84,6 +86,10 @@ export declare class MgTooltip {
    * @param interactiveElement - interactive element
    */
   private initTooltip;
+  /**
+   * Render tooltip content element
+   */
+  private renderTooltip;
   /*************
    * Lifecycle *
    *************/

package/dist/types/components/molecules/inputs/mg-input-checkbox/test/mg-input-checkbox.e2e.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/molecules/inputs/mg-input-numeric/mg-input-numeric.d.ts

@@ -24,6 +24,25 @@ export declare class MgInputNumeric {
    */
   value: string;
   validateValue(newValue: MgInputNumeric['value']): void;
+  /**
+   * Checks if the given value is valid according to the defined rules.
+   * @param value - The input value to validate.
+   * @param regex - The regular expression for validation.
+   * @param integer - The integer part of the value.
+   * @param decimal - The decimal part of the value.
+   * @returns Returns true if the value is valid, otherwise false.
+   */
+  private isValidValue;
+  /**
+   * Handles invalid input values and returns a corrected value.
+   * @returns The corrected value.
+   */
+  private handleInvalidValue;
+  /**
+   * Updates the component values based on the validated input value.
+   * @param newValue - The validated input value.
+   */
+  private updateValues;
   /**
    * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
    */

package/dist/types/components/molecules/mg-action-more/mg-action-more.d.ts

@@ -38,12 +38,17 @@ export declare class MgActionMore {
    */
   expanded: boolean;
   /************
-   * Merthods *
+   * Methods *
    ***********/
   /**
    * Toogle expanded props
    */
   private toggleExpanded;
+  /**
+   * Handle popover display change value
+   * @param event - display change updated value
+   */
+  private handleDisplayChange;
   /**
    * Button click handler
    */

package/dist/types/components/molecules/mg-action-more/test/mg-action-more.e2e.playwright.d.ts

@@ -0,0 +1,2 @@
+import { MgActionMore } from '../mg-action-more';
+export type MgActionMoreType = Partial<MgActionMore>;

package/dist/types/components/molecules/mg-details/test/mg-details.e2e.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/molecules/mg-form/mg-form.d.ts

@@ -68,6 +68,14 @@ export declare class MgForm {
    * Define required message based on mg-inputs required elements
    */
   private setRequiredMessage;
+  /**
+   * Returns a required message based on the count of required inputs.
+   * @param requiredInputs - An array of required input elements.
+   * @param keySingle - The key for the singular message format.
+   * @param keyPlural - The key for the plural message format.
+   * @returns The appropriate required message based on the count of required inputs.
+   */
+  private getRequiredMessageBasedOnCount;
   /**
    * Check if form is valid
    */

package/dist/types/components/molecules/mg-item-more/test/mg-item-more.e2e.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/molecules/mg-modal/mg-modal.conf.d.ts

@@ -0,0 +1,8 @@
+/**
+ * List of all possibles dialog roles
+ */
+export declare const dialogRoles: readonly ["dialog", "alertdialog"];
+/**
+ * DialogRole type from dialog roles
+ */
+export type DialogRoleType = (typeof dialogRoles)[number];

package/dist/types/components/molecules/mg-modal/mg-modal.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ClassList } from '../../../utils/components.utils';
+import { DialogRoleType } from './mg-modal.conf';
 export declare class MgModal {
   /************
    * Internal *
@@ -22,11 +23,16 @@ export declare class MgModal {
    * If not set, it will be created.
    */
   identifier: string;
+  /**
+   * Modal dialog role.
+   */
+  dialogRole: DialogRoleType;
+  validateDialogRole(newValue: MgModal['dialogRole']): void;
   /**
    * Displayed modal title
    */
   modalTitle: string;
-  validateModalTitle(newValue: string): void;
+  validateModalTitle(newValue: MgModal['modalTitle']): void;
   /**
    * Define if modal has a cross button
    */
@@ -35,7 +41,7 @@ export declare class MgModal {
    * Define if modal is hidden
    */
   hide: boolean;
-  validateHide(newValue: boolean): void;
+  validateHide(newValue: MgModal['hide']): void;
   /**
    * Define if component is using actions slot
    */

package/dist/types/components/molecules/mg-modal/test/mg-modal.e2e.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/molecules/mg-modal/test/mg-modal.e2e.template.d.ts

@@ -0,0 +1,12 @@
+import { MgModal } from '../mg-modal';
+export declare const contents: readonly [any, "short", "long"];
+export declare const actions: readonly [true, false];
+export type ContentsType = (typeof contents)[number];
+export type ActionsType = (typeof actions)[number];
+export type SlotType = {
+  content?: ContentsType;
+  action?: ActionsType;
+};
+export type MgModalType = Partial<MgModal>;
+export declare const createSlots: ({ content, action }: SlotType) => string;
+export declare const createHTML: (args: MgModalType, slots?: SlotType) => string;

package/dist/types/components/molecules/mg-modal/test/mg-modal.firefox.e2e.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/molecules/mg-pagination/test/mg-pagination.e2e.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/molecules/mg-panel/test/mg-panel.e2e.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/molecules/mg-popover/mg-popover-content/mg-popover-content.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { ClassList } from '../../../../utils/components.utils';
+export declare class MgPopoverContent {
+  /************
+   * Internal *
+   ************/
+  private messages;
+  /**************
+   * Decorators *
+   **************/
+  /**
+   * Get component DOM element
+   */
+  element: HTMLMgPopoverContentElement;
+  /**
+   * Define if popover has a cross button
+   */
+  closeButton: boolean;
+  /**
+   * Component classes
+   */
+  classCollection: ClassList;
+  /**
+   * Emited event when close button is clicked
+   */
+  hideContent: EventEmitter<string>;
+  /**
+   * Handle action for close button
+   */
+  private handleCloseButton;
+  /*************
+   * Lifecycle *
+   *************/
+  /**
+   * Check if component props are valide
+   */
+  componentWillLoad(): void;
+  /**
+   * Check if component slots are valide
+   */
+  componentDidLoad(): void;
+  /**
+   * Render
+   * @returns HTML Element
+   */
+  render(): HTMLElement;
+}

package/dist/types/components/molecules/mg-popover/mg-popover.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { ClassList } from '../../../utils/components.utils';
 import { Placement } from '@popperjs/core';
 export declare class MgPopover {
   /************
@@ -7,11 +6,8 @@ export declare class MgPopover {
    ************/
   private popper;
   private mgPopover;
-  private closeButtonId;
+  private mgPopoverContent;
   private windows;
-  private resizeObserver;
-  private messages;
-  private readonly classArrowHide;
   /**************
    * Decorators *
    **************/
@@ -37,6 +33,7 @@ export declare class MgPopover {
    * Define if popover has a cross button
    */
   closeButton: boolean;
+  validateCloseButton(newValue: MgPopover['arrowHide']): void;
   /**
    * Display popover
    */
@@ -46,10 +43,6 @@ export declare class MgPopover {
    * Disable popover
    */
   disabled: boolean;
-  /**
-   * Component classes
-   */
-  classCollection: ClassList;
   /**
    * Emited event when display value change
    */
@@ -68,9 +61,13 @@ export declare class MgPopover {
    */
   private hide;
   /**
-   * Handle action for close button
+   * Handle content hide event
+   */
+  private handleHideContent;
+  /**
+   * Render popover content element
    */
-  private handleCloseButton;
+  private renderPopoverContent;
   /*************
    * Lifecycle *
    *************/

package/dist/types/components/molecules/mg-tabs/test/mg-tabs.e2e.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components.d.ts

@@ -19,11 +19,32 @@ import { IconType, SizeType, SlotLabelType } from "./components/molecules/mg-ite
 import { Direction, ItemMoreType, MenuSizeType } from "./components/molecules/menu/mg-menu/mg-menu.conf";
 import { Status } from "./components/molecules/menu/mg-menu-item/mg-menu-item.conf";
 import { VariantType as VariantType2 } from "./components/molecules/mg-message/mg-message.conf";
+import { DialogRoleType } from "./components/molecules/mg-modal/mg-modal.conf";
 import { ExpandToggleDisplayType, TitlePositionType } from "./components/molecules/mg-panel/mg-panel.conf";
 import { Placement } from "@popperjs/core";
 import { SkipLink } from "./components/molecules/mg-skip-links/mg-skip-links.conf";
 import { SizeType as SizeType1, TabItem } from "./components/molecules/mg-tabs/mg-tabs.conf";
 import { TagVariantType } from "./components/atoms/mg-tag/mg-tag.conf";
+export { MgActionMoreButtonType, MgActionMoreIconType, MgActionMoreItemType } from "./components/molecules/mg-action-more/mg-action-more.conf";
+export { BadgeVariantType } from "./components/atoms/mg-badge/mg-badge.conf";
+export { ButtonType, VariantType } from "./components/atoms/mg-button/mg-button.conf";
+export { VariantStyleType, VariantType as VariantType1 } from "./components/atoms/mg-card/mg-card.conf";
+export { IconSizeType, IconVariantStyleType, IconVariantType } from "./components/atoms/mg-icon/mg-icon.conf";
+export { CheckboxItem, CheckboxType, CheckboxValue, SectionKind } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
+export { Width } from "./components/molecules/inputs/MgInput.conf";
+export { RadioOption } from "./components/molecules/inputs/mg-input-radio/mg-input-radio.conf";
+export { SelectOption } from "./components/molecules/inputs/mg-input-select/mg-input-select.conf";
+export { ToggleValue } from "./components/molecules/inputs/mg-input-toggle/mg-input-toggle.conf";
+export { IconType, SizeType, SlotLabelType } from "./components/molecules/mg-item-more/mg-item-more.conf";
+export { Direction, ItemMoreType, MenuSizeType } from "./components/molecules/menu/mg-menu/mg-menu.conf";
+export { Status } from "./components/molecules/menu/mg-menu-item/mg-menu-item.conf";
+export { VariantType as VariantType2 } from "./components/molecules/mg-message/mg-message.conf";
+export { DialogRoleType } from "./components/molecules/mg-modal/mg-modal.conf";
+export { ExpandToggleDisplayType, TitlePositionType } from "./components/molecules/mg-panel/mg-panel.conf";
+export { Placement } from "@popperjs/core";
+export { SkipLink } from "./components/molecules/mg-skip-links/mg-skip-links.conf";
+export { SizeType as SizeType1, TabItem } from "./components/molecules/mg-tabs/mg-tabs.conf";
+export { TagVariantType } from "./components/atoms/mg-tag/mg-tag.conf";
 export namespace Components {
     interface MgActionMore {
         /**
@@ -1003,6 +1024,10 @@ export namespace Components {
           * Define if modal has a cross button
          */
         "closeButton": boolean;
+        /**
+          * Modal dialog role.
+         */
+        "dialogRole": DialogRoleType;
         /**
           * Define if modal is hidden
          */
@@ -1106,6 +1131,12 @@ export namespace Components {
          */
         "placement": Placement;
     }
+    interface MgPopoverContent {
+        /**
+          * Define if popover has a cross button
+         */
+        "closeButton": boolean;
+    }
     interface MgSkipLinks {
         /**
           * Skip links
@@ -1170,6 +1201,12 @@ export namespace Components {
          */
         "placement": Placement;
     }
+    interface MgTooltipContent {
+        /**
+          * Displayed message in the tooltip
+         */
+        "message": string;
+    }
 }
 export interface MgButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1247,6 +1284,10 @@ export interface MgPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMgPopoverElement;
 }
+export interface MgPopoverContentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLMgPopoverContentElement;
+}
 export interface MgSkipLinksCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLMgSkipLinksElement;
@@ -1433,6 +1474,12 @@ declare global {
         prototype: HTMLMgPopoverElement;
         new (): HTMLMgPopoverElement;
     };
+    interface HTMLMgPopoverContentElement extends Components.MgPopoverContent, HTMLStencilElement {
+    }
+    var HTMLMgPopoverContentElement: {
+        prototype: HTMLMgPopoverContentElement;
+        new (): HTMLMgPopoverContentElement;
+    };
     interface HTMLMgSkipLinksElement extends Components.MgSkipLinks, HTMLStencilElement {
     }
     var HTMLMgSkipLinksElement: {
@@ -1457,6 +1504,12 @@ declare global {
         prototype: HTMLMgTooltipElement;
         new (): HTMLMgTooltipElement;
     };
+    interface HTMLMgTooltipContentElement extends Components.MgTooltipContent, HTMLStencilElement {
+    }
+    var HTMLMgTooltipContentElement: {
+        prototype: HTMLMgTooltipContentElement;
+        new (): HTMLMgTooltipContentElement;
+    };
     interface HTMLElementTagNameMap {
         "mg-action-more": HTMLMgActionMoreElement;
         "mg-badge": HTMLMgBadgeElement;
@@ -1487,10 +1540,12 @@ declare global {
         "mg-pagination": HTMLMgPaginationElement;
         "mg-panel": HTMLMgPanelElement;
         "mg-popover": HTMLMgPopoverElement;
+        "mg-popover-content": HTMLMgPopoverContentElement;
         "mg-skip-links": HTMLMgSkipLinksElement;
         "mg-tabs": HTMLMgTabsElement;
         "mg-tag": HTMLMgTagElement;
         "mg-tooltip": HTMLMgTooltipElement;
+        "mg-tooltip-content": HTMLMgTooltipContentElement;
     }
 }
 declare namespace LocalJSX {
@@ -2540,6 +2595,10 @@ declare namespace LocalJSX {
           * Define if modal has a cross button
          */
         "closeButton"?: boolean;
+        /**
+          * Modal dialog role.
+         */
+        "dialogRole"?: DialogRoleType;
         /**
           * Define if modal is hidden
          */
@@ -2667,6 +2726,16 @@ declare namespace LocalJSX {
          */
         "placement"?: Placement;
     }
+    interface MgPopoverContent {
+        /**
+          * Define if popover has a cross button
+         */
+        "closeButton"?: boolean;
+        /**
+          * Emited event when close button is clicked
+         */
+        "onHide-content"?: (event: MgPopoverContentCustomEvent<string>) => void;
+    }
     interface MgSkipLinks {
         /**
           * Skip links
@@ -2739,6 +2808,12 @@ declare namespace LocalJSX {
          */
         "placement"?: Placement;
     }
+    interface MgTooltipContent {
+        /**
+          * Displayed message in the tooltip
+         */
+        "message": string;
+    }
     interface IntrinsicElements {
         "mg-action-more": MgActionMore;
         "mg-badge": MgBadge;
@@ -2769,10 +2844,12 @@ declare namespace LocalJSX {
         "mg-pagination": MgPagination;
         "mg-panel": MgPanel;
         "mg-popover": MgPopover;
+        "mg-popover-content": MgPopoverContent;
         "mg-skip-links": MgSkipLinks;
         "mg-tabs": MgTabs;
         "mg-tag": MgTag;
         "mg-tooltip": MgTooltip;
+        "mg-tooltip-content": MgTooltipContent;
     }
 }
 export { LocalJSX as JSX };
@@ -2811,10 +2888,12 @@ declare module "@stencil/core" {
             "mg-pagination": LocalJSX.MgPagination & JSXBase.HTMLAttributes<HTMLMgPaginationElement>;
             "mg-panel": LocalJSX.MgPanel & JSXBase.HTMLAttributes<HTMLMgPanelElement>;
             "mg-popover": LocalJSX.MgPopover & JSXBase.HTMLAttributes<HTMLMgPopoverElement>;
+            "mg-popover-content": LocalJSX.MgPopoverContent & JSXBase.HTMLAttributes<HTMLMgPopoverContentElement>;
             "mg-skip-links": LocalJSX.MgSkipLinks & JSXBase.HTMLAttributes<HTMLMgSkipLinksElement>;
             "mg-tabs": LocalJSX.MgTabs & JSXBase.HTMLAttributes<HTMLMgTabsElement>;
             "mg-tag": LocalJSX.MgTag & JSXBase.HTMLAttributes<HTMLMgTagElement>;
             "mg-tooltip": LocalJSX.MgTooltip & JSXBase.HTMLAttributes<HTMLMgTooltipElement>;
+            "mg-tooltip-content": LocalJSX.MgTooltipContent & JSXBase.HTMLAttributes<HTMLMgTooltipContentElement>;
         }
     }
 }

package/dist/types/stencil-public-runtime.d.ts

@@ -62,7 +62,7 @@ export interface PropOptions {
     /**
      * The name of the associated DOM attribute.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behaviour.
+     * but using this property, you can override the default behavior.
      */
     attribute?: string | null;
     /**
@@ -128,7 +128,7 @@ export interface ListenOptions {
      * By default, Stencil uses several heuristics to determine if
      * it must attach a `passive` event listener or not.
      *
-     * Using the `passive` option can be used to change the default behaviour.
+     * Using the `passive` option can be used to change the default behavior.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
      */
     passive?: boolean;
@@ -432,7 +432,7 @@ export interface QueueApi {
 /**
  * Host
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -471,7 +471,7 @@ export interface FunctionalUtilities {
     /**
      * Utility for reading the children of a functional component at runtime.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
+     * not recommended to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
      */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
@@ -485,6 +485,14 @@ export interface FunctionalUtilities {
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -531,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;
@@ -801,6 +812,7 @@ export declare namespace JSXBase {
         datetime?: string;
     }
     interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
@@ -860,6 +872,8 @@ export declare namespace JSXBase {
     }
     interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
@@ -881,8 +895,8 @@ export declare namespace JSXBase {
         accept?: string;
         allowdirs?: boolean;
         alt?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
         autoFocus?: boolean;
@@ -918,6 +932,8 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -1119,6 +1135,8 @@ export declare namespace JSXBase {
         summary?: string;
     }
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoComplete?: string;
+        autocomplete?: string;
         autoFocus?: boolean;
         autofocus?: boolean | string;
         cols?: number;
@@ -1129,6 +1147,8 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;
@@ -1206,8 +1226,8 @@ export declare namespace JSXBase {
         resource?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoCorrect?: string;
         autocorrect?: string;
         autoSave?: string;
@@ -1275,7 +1295,7 @@ export declare namespace JSXBase {
         clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
         contentScriptType?: number | string;
@@ -1498,12 +1518,12 @@ export declare namespace JSXBase {
         onCutCapture?: (event: ClipboardEvent) => void;
         onPaste?: (event: ClipboardEvent) => void;
         onPasteCapture?: (event: ClipboardEvent) => void;
-        onCompositionEnd?: (event: CompositionEvent) => void;
-        onCompositionEndCapture?: (event: CompositionEvent) => void;
-        onCompositionStart?: (event: CompositionEvent) => void;
-        onCompositionStartCapture?: (event: CompositionEvent) => void;
-        onCompositionUpdate?: (event: CompositionEvent) => void;
-        onCompositionUpdateCapture?: (event: CompositionEvent) => void;
+        onCompositionend?: (event: CompositionEvent) => void;
+        onCompositionendCapture?: (event: CompositionEvent) => void;
+        onCompositionstart?: (event: CompositionEvent) => void;
+        onCompositionstartCapture?: (event: CompositionEvent) => void;
+        onCompositionupdate?: (event: CompositionEvent) => void;
+        onCompositionupdateCapture?: (event: CompositionEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1514,8 +1534,8 @@ export declare namespace JSXBase {
         onBlurCapture?: (event: FocusEvent) => void;
         onChange?: (event: Event) => void;
         onChangeCapture?: (event: Event) => void;
-        onInput?: (event: Event) => void;
-        onInputCapture?: (event: Event) => void;
+        onInput?: (event: InputEvent) => void;
+        onInputCapture?: (event: InputEvent) => void;
         onReset?: (event: Event) => void;
         onResetCapture?: (event: Event) => void;
         onSubmit?: (event: Event) => void;
@@ -1605,8 +1625,14 @@ export declare namespace JSXBase {
         onAnimationEndCapture?: (event: AnimationEvent) => void;
         onAnimationIteration?: (event: AnimationEvent) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
 }
 export interface JSXAttributes<T = Element> {

package/dist/types/test/typography.e2e.playwright.d.ts

@@ -0,0 +1 @@
+export {};