es-components 21.14.0 → 21.14.1

package/types/src/components/controls/buttons/PopoverLink.d.ts

@@ -6,293 +6,11 @@ export type PopoverLinkProps = LinkButtonProps & {
     styleType?: Maybe<ButtonVariantStyleType>;
 };
 declare const PopoverLink: React.ForwardRefExoticComponent<Omit<import("./ButtonBase").ButtonBaseProps, "children" | "styleType"> & {
-    styleType?: "default" | "magenta" | "violet" | "info" | "success" | "warning" | "danger" | "primary" | "darkDefault" | "information" | "inherited" | undefined;
+    styleType?: import("./Button").ButtonProps["styleType"];
     children: NonNullable<React.ReactNode>;
 } & {
     suppressUnderline?: Maybe<boolean>;
     styleType?: Maybe<ButtonVariantStyleType>;
 } & React.RefAttributes<HTMLButtonElement>>;
 export declare const propTypes: PropTypesOf<PopoverLinkProps>;
-export declare const defaultProps: {
-    styleType: "default" | "magenta" | "violet" | "info" | "success" | "warning" | "danger" | "primary" | "darkDefault" | "information";
-    suppressUnderline: boolean;
-    form?: string | undefined;
-    slot?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    title?: string | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
-    name?: string | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    className?: string | undefined;
-    color?: string | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    role?: React.AriaRole | undefined;
-    tabIndex?: number | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "other" | "none" | "ascending" | "descending" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-    onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-    onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-    onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-    onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-    onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-    onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-    onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-    onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-    onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-    onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
-    onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
-    onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
-    onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
-    onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-    css?: import("styled-components").CSSProp | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    nonce?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    translate?: "no" | "yes" | undefined;
-    radioGroup?: string | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    waiting: boolean;
-    value?: string | number | readonly string[] | undefined;
-    disabled?: boolean | undefined;
-    formAction?: string | undefined;
-    formEncType?: string | undefined;
-    formMethod?: string | undefined;
-    formNoValidate?: boolean | undefined;
-    formTarget?: string | undefined;
-};
 export default PopoverLink;

package/types/src/components/controls/buttons/ToggleButton.d.ts

@@ -4,17 +4,17 @@ export type ToggleButtonProps = ButtonProps & {
     isPressed?: boolean;
     isOutline?: boolean;
 };
-declare const ToggleButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key">, "ref">, "waiting"> & {
+declare const ToggleButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key">, "ref"> & {
     waiting?: Maybe<boolean>;
 } & {
-    size?: "default" | "lg" | "sm" | "xs" | undefined;
-    styleType?: "default" | "magenta" | "violet" | "info" | "success" | "warning" | "danger" | "primary" | "darkDefault" | "information" | "inherited" | undefined;
-    mobileBlock?: boolean | undefined;
-    flatLeftEdge?: boolean | undefined;
-    flatRightEdge?: boolean | undefined;
-    block?: boolean | undefined;
+    size?: import("../../..").ButtonSize;
+    styleType?: import("./Button").ButtonStyleType;
+    mobileBlock?: boolean;
+    flatLeftEdge?: boolean;
+    flatRightEdge?: boolean;
+    block?: boolean;
 } & {
-    isPressed?: boolean | undefined;
-    isOutline?: boolean | undefined;
+    isPressed?: boolean;
+    isOutline?: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;
 export default ToggleButton;

package/types/src/components/controls/buttons/features/withLoadingStateWhileRunning.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import { ButtonBaseProps } from "../ButtonBase";
-export interface LoadingStateOnClick {
-    (ev: React.MouseEvent<HTMLButtonElement>): Promise<void>;
-}
+type ButtonClickHandler = React.MouseEventHandler<HTMLButtonElement>;
+type ButtonClickParams = Parameters<ButtonClickHandler>;
+type ButtonClickReturn = ReturnType<ButtonClickHandler>;
+type AwaitableButtonClickHandler = (...params: ButtonClickParams) => Promise<ButtonClickReturn>;
+export type LoadingStateOnClick = ButtonClickHandler | AwaitableButtonClickHandler;
 export interface LoadingStateProps {
     showWhileRunning?: React.ReactNode;
     onClick?: LoadingStateOnClick;
 }
-type ButtonProps<P> = React.PropsWithoutRef<P>;
-type ButtonWithLoadingStateProps<P> = Override<ButtonProps<P>, LoadingStateProps>;
-type ForwardedButtonComponent<P> = React.ForwardRefExoticComponent<ButtonProps<P>>;
-type ForwardedButtonBaseProps = ButtonProps<ButtonBaseProps>;
-type ButtonWithLoadingStateComponent<P> = React.ForwardRefExoticComponent<ButtonWithLoadingStateProps<P> & React.RefAttributes<HTMLButtonElement>>;
-export declare function withLoadingStateWhileRunning<P extends ForwardedButtonBaseProps>(ButtonComponent: ForwardedButtonComponent<P>): ButtonWithLoadingStateComponent<P>;
+type ExpectedButtonProps = Pick<ButtonBaseProps, 'waiting' | 'children' | 'onClick'>;
+type ForwardedButtonProps = Override<ButtonBaseProps, LoadingStateProps>;
+type ModifiedButtonProps<P extends ExpectedButtonProps> = Override<ForwardedButtonProps, P>;
+export declare function withLoadingStateWhileRunning<P extends ExpectedButtonProps>(ButtonComponent: React.ComponentType<P>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P extends ExpectedButtonProps ? ModifiedButtonProps<P> : never> & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/types/src/components/controls/checkbox/CheckAllBox.d.ts

@@ -12,8 +12,6 @@ declare namespace CheckAllBox {
         style: import("prop-types").Requireable<React.CSSProperties | undefined> | import("prop-types").Validator<React.CSSProperties | undefined>;
         title: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         pattern: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
-        type: import("prop-types").Requireable<React.HTMLInputTypeAttribute | undefined> | import("prop-types").Validator<React.HTMLInputTypeAttribute | undefined>;
-        name: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         suppressHydrationWarning: import("prop-types").Requireable<boolean | undefined> | import("prop-types").Validator<boolean | undefined>;
         className: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         color: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
@@ -22,6 +20,8 @@ declare namespace CheckAllBox {
         lang: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         max: import("prop-types").Requireable<string | number | undefined> | import("prop-types").Validator<string | number | undefined>;
         min: import("prop-types").Requireable<string | number | undefined> | import("prop-types").Validator<string | number | undefined>;
+        name: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
+        type: import("prop-types").Requireable<React.HTMLInputTypeAttribute | undefined> | import("prop-types").Validator<React.HTMLInputTypeAttribute | undefined>;
         width: import("prop-types").Requireable<string | number | undefined> | import("prop-types").Validator<string | number | undefined>;
         role: import("prop-types").Requireable<React.AriaRole | undefined> | import("prop-types").Validator<React.AriaRole | undefined>;
         tabIndex: import("prop-types").Requireable<number | undefined> | import("prop-types").Validator<number | undefined>;
@@ -37,7 +37,7 @@ declare namespace CheckAllBox {
         "aria-colindextext": import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         "aria-colspan": import("prop-types").Requireable<number | undefined> | import("prop-types").Validator<number | undefined>;
         "aria-controls": import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
-        "aria-current": import("prop-types").Requireable<boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined> | import("prop-types").Validator<boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined>;
+        "aria-current": import("prop-types").Requireable<boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined> | import("prop-types").Validator<boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined>;
         "aria-describedby": import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         "aria-description": import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         "aria-details": import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
@@ -223,9 +223,7 @@ declare namespace CheckAllBox {
         onPointerCancel: import("prop-types").Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | import("prop-types").Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
         onPointerCancelCapture: import("prop-types").Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | import("prop-types").Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
         onPointerEnter: import("prop-types").Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | import("prop-types").Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
-        onPointerEnterCapture: import("prop-types").Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | import("prop-types").Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
         onPointerLeave: import("prop-types").Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | import("prop-types").Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
-        onPointerLeaveCapture: import("prop-types").Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | import("prop-types").Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
         onPointerOver: import("prop-types").Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | import("prop-types").Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
         onPointerOverCapture: import("prop-types").Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | import("prop-types").Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
         onPointerOut: import("prop-types").Requireable<React.PointerEventHandler<HTMLInputElement> | undefined> | import("prop-types").Validator<React.PointerEventHandler<HTMLInputElement> | undefined>;
@@ -247,17 +245,17 @@ declare namespace CheckAllBox {
         onTransitionEnd: import("prop-types").Requireable<React.TransitionEventHandler<HTMLInputElement> | undefined> | import("prop-types").Validator<React.TransitionEventHandler<HTMLInputElement> | undefined>;
         onTransitionEndCapture: import("prop-types").Requireable<React.TransitionEventHandler<HTMLInputElement> | undefined> | import("prop-types").Validator<React.TransitionEventHandler<HTMLInputElement> | undefined>;
         css: import("prop-types").Requireable<import("styled-components").CSSProp | undefined> | import("prop-types").Validator<import("styled-components").CSSProp | undefined>;
-        list: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
-        step: import("prop-types").Requireable<string | number | undefined> | import("prop-types").Validator<string | number | undefined>;
         defaultChecked: import("prop-types").Requireable<boolean | undefined> | import("prop-types").Validator<boolean | undefined>;
         defaultValue: import("prop-types").Requireable<string | number | readonly string[] | undefined> | import("prop-types").Validator<string | number | readonly string[] | undefined>;
         suppressContentEditableWarning: import("prop-types").Requireable<boolean | undefined> | import("prop-types").Validator<boolean | undefined>;
         accessKey: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
+        autoCapitalize: import("prop-types").Requireable<(string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined> | import("prop-types").Validator<(string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined>;
         autoFocus: import("prop-types").Requireable<boolean | undefined> | import("prop-types").Validator<boolean | undefined>;
         contentEditable: import("prop-types").Requireable<"inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined> | import("prop-types").Validator<"inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined>;
         contextMenu: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         dir: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         draggable: import("prop-types").Requireable<(boolean | "true" | "false") | undefined> | import("prop-types").Validator<(boolean | "true" | "false") | undefined>;
+        enterKeyHint: import("prop-types").Requireable<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined> | import("prop-types").Validator<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined>;
         hidden: import("prop-types").Requireable<boolean | undefined> | import("prop-types").Validator<boolean | undefined>;
         nonce: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         spellCheck: import("prop-types").Requireable<(boolean | "true" | "false") | undefined> | import("prop-types").Validator<(boolean | "true" | "false") | undefined>;
@@ -274,7 +272,6 @@ declare namespace CheckAllBox {
         rev: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         typeof: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         vocab: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
-        autoCapitalize: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         autoCorrect: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         autoSave: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         itemProp: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
@@ -287,27 +284,28 @@ declare namespace CheckAllBox {
         unselectable: import("prop-types").Requireable<"off" | "on" | undefined> | import("prop-types").Validator<"off" | "on" | undefined>;
         inputMode: import("prop-types").Requireable<"search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined> | import("prop-types").Validator<"search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined>;
         is: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
-        size: import("prop-types").Requireable<number | undefined> | import("prop-types").Validator<number | undefined>;
         alt: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         src: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
-        value: import("prop-types").Requireable<string | number | readonly string[] | undefined> | import("prop-types").Validator<string | number | readonly string[] | undefined>;
-        accept: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
-        autoComplete: import("prop-types").Requireable<React.HTMLInputAutoCompleteAttribute | undefined> | import("prop-types").Validator<React.HTMLInputAutoCompleteAttribute | undefined>;
-        capture: import("prop-types").Requireable<boolean | "user" | "environment" | undefined> | import("prop-types").Validator<boolean | "user" | "environment" | undefined>;
-        checked: import("prop-types").Requireable<boolean | undefined> | import("prop-types").Validator<boolean | undefined>;
         disabled: import("prop-types").Requireable<boolean | undefined> | import("prop-types").Validator<boolean | undefined>;
-        enterKeyHint: import("prop-types").Requireable<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined> | import("prop-types").Validator<"search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined>;
         formAction: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         formEncType: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         formMethod: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         formNoValidate: import("prop-types").Requireable<boolean | undefined> | import("prop-types").Validator<boolean | undefined>;
         formTarget: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
+        value: import("prop-types").Requireable<string | number | readonly string[] | undefined> | import("prop-types").Validator<string | number | readonly string[] | undefined>;
+        autoComplete: import("prop-types").Requireable<React.HTMLInputAutoCompleteAttribute | undefined> | import("prop-types").Validator<React.HTMLInputAutoCompleteAttribute | undefined>;
+        accept: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
+        capture: import("prop-types").Requireable<boolean | "user" | "environment" | undefined> | import("prop-types").Validator<boolean | "user" | "environment" | undefined>;
+        checked: import("prop-types").Requireable<boolean | undefined> | import("prop-types").Validator<boolean | undefined>;
+        list: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         maxLength: import("prop-types").Requireable<number | undefined> | import("prop-types").Validator<number | undefined>;
         minLength: import("prop-types").Requireable<number | undefined> | import("prop-types").Validator<number | undefined>;
         multiple: import("prop-types").Requireable<boolean | undefined> | import("prop-types").Validator<boolean | undefined>;
         placeholder: import("prop-types").Requireable<string | undefined> | import("prop-types").Validator<string | undefined>;
         readOnly: import("prop-types").Requireable<boolean | undefined> | import("prop-types").Validator<boolean | undefined>;
         required: import("prop-types").Requireable<boolean | undefined> | import("prop-types").Validator<boolean | undefined>;
+        size: import("prop-types").Requireable<number | undefined> | import("prop-types").Validator<number | undefined>;
+        step: import("prop-types").Requireable<string | number | undefined> | import("prop-types").Validator<string | number | undefined>;
     };
     var defaultProps: {
         displayClassName: string;
@@ -316,8 +314,6 @@ declare namespace CheckAllBox {
         style?: React.CSSProperties | undefined;
         title?: string | undefined;
         pattern?: string | undefined;
-        type?: React.HTMLInputTypeAttribute | undefined;
-        name?: string | undefined;
         suppressHydrationWarning?: boolean | undefined;
         className?: string | undefined;
         color?: string | undefined;
@@ -326,6 +322,8 @@ declare namespace CheckAllBox {
         lang?: string | undefined;
         max?: string | number | undefined;
         min?: string | number | undefined;
+        name?: string | undefined;
+        type?: React.HTMLInputTypeAttribute | undefined;
         width?: string | number | undefined;
         role?: React.AriaRole | undefined;
         tabIndex?: number | undefined;
@@ -341,7 +339,7 @@ declare namespace CheckAllBox {
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -525,9 +523,7 @@ declare namespace CheckAllBox {
         onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
         onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
         onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnterCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
         onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeaveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
         onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
@@ -549,17 +545,17 @@ declare namespace CheckAllBox {
         onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
         css?: import("styled-components").CSSProp | undefined;
-        list?: string | undefined;
-        step?: string | number | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         accessKey?: string | undefined;
+        autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
         autoFocus?: boolean | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         nonce?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
@@ -576,7 +572,6 @@ declare namespace CheckAllBox {
         rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
         autoCorrect?: string | undefined;
         autoSave?: string | undefined;
         itemProp?: string | undefined;
@@ -589,27 +584,28 @@ declare namespace CheckAllBox {
         unselectable?: "off" | "on" | undefined;
         inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        size?: number | undefined;
         alt?: string | undefined;
         src?: string | undefined;
-        value?: string | number | readonly string[] | undefined;
-        accept?: string | undefined;
-        autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        checked?: boolean | undefined;
         disabled?: boolean | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
+        value?: string | number | readonly string[] | undefined;
+        autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
+        accept?: string | undefined;
+        capture?: boolean | "user" | "environment" | undefined;
+        checked?: boolean | undefined;
+        list?: string | undefined;
         maxLength?: number | undefined;
         minLength?: number | undefined;
         multiple?: boolean | undefined;
         placeholder?: string | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
+        size?: number | undefined;
+        step?: string | number | undefined;
     };
 }
 export default CheckAllBox;