@breadstone/mosaik-elements-vue 0.1.59 → 0.1.61

package/Controls/Components/Overlays/Sheet/SheetComponent.d.ts

@@ -11,17 +11,17 @@ export declare const SheetComponent: import("vue").DefineComponent<{
     height?: any;
     position?: any;
     isOpen?: any;
+    closeable?: any;
     hasBackdrop?: any;
     pressEscapeToClose?: any;
     clickOutsideToClose?: any;
     attention?: any;
-    closeable?: any;
-    dragMode?: any;
     snaps?: any;
     activeSnapIndex?: any;
     closeThreshold?: any;
     elastic?: any;
     inertia?: any;
+    dragMode?: any;
     hasHandle?: any;
     hasSnapIndicator?: any;
     isModal?: any;
@@ -35,17 +35,17 @@ export declare const SheetComponent: import("vue").DefineComponent<{
     height?: any;
     position?: any;
     isOpen?: any;
+    closeable?: any;
     hasBackdrop?: any;
     pressEscapeToClose?: any;
     clickOutsideToClose?: any;
     attention?: any;
-    closeable?: any;
-    dragMode?: any;
     snaps?: any;
     activeSnapIndex?: any;
     closeThreshold?: any;
     elastic?: any;
     inertia?: any;
+    dragMode?: any;
     hasHandle?: any;
     hasSnapIndicator?: any;
     isModal?: any;

package/Controls/Components/Overlays/Toast/ToastComponent.d.ts

@@ -8,24 +8,24 @@ export declare const ToastComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     header?: any;
+    variant?: any;
+    isBusy?: any;
+    appearance?: any;
+    formatter?: any;
+    icon?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    variant?: any;
-    appearance?: any;
     position?: any;
-    isBusy?: any;
+    iconSize?: any;
     isOpen?: any;
+    closeable?: any;
+    content?: any;
+    timeout?: any;
     hasBackdrop?: any;
     pressEscapeToClose?: any;
     clickOutsideToClose?: any;
     attention?: any;
-    closeable?: any;
-    content?: any;
-    formatter?: any;
-    icon?: any;
-    iconSize?: any;
-    timeout?: any;
     showProgress?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -34,24 +34,24 @@ export declare const ToastComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     header?: any;
+    variant?: any;
+    isBusy?: any;
+    appearance?: any;
+    formatter?: any;
+    icon?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    variant?: any;
-    appearance?: any;
     position?: any;
-    isBusy?: any;
+    iconSize?: any;
     isOpen?: any;
+    closeable?: any;
+    content?: any;
+    timeout?: any;
     hasBackdrop?: any;
     pressEscapeToClose?: any;
     clickOutsideToClose?: any;
     attention?: any;
-    closeable?: any;
-    content?: any;
-    formatter?: any;
-    icon?: any;
-    iconSize?: any;
-    timeout?: any;
     showProgress?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Overlays/tour/TourComponent.d.ts

@@ -8,20 +8,20 @@ export declare const TourComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     ended?: any;
+    isOpen?: any;
+    closeable?: any;
+    hasBackdrop?: any;
+    pressEscapeToClose?: any;
+    clickOutsideToClose?: any;
+    attention?: any;
     isFirstStep?: any;
     isLastStep?: any;
+    tourId?: any;
     currentStep?: any;
     tooltipStyles?: any;
     started?: any;
     stepChanged?: any;
-    tourId?: any;
     steps?: any;
-    isOpen?: any;
-    hasBackdrop?: any;
-    pressEscapeToClose?: any;
-    clickOutsideToClose?: any;
-    attention?: any;
-    closeable?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "opened" | "closed" | "closeAttempted")[], "connected" | "disconnected" | "changed" | "opened" | "closed" | "closeAttempted", import("vue").PublicProps, Readonly<{
@@ -29,20 +29,20 @@ export declare const TourComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     ended?: any;
+    isOpen?: any;
+    closeable?: any;
+    hasBackdrop?: any;
+    pressEscapeToClose?: any;
+    clickOutsideToClose?: any;
+    attention?: any;
     isFirstStep?: any;
     isLastStep?: any;
+    tourId?: any;
     currentStep?: any;
     tooltipStyles?: any;
     started?: any;
     stepChanged?: any;
-    tourId?: any;
     steps?: any;
-    isOpen?: any;
-    hasBackdrop?: any;
-    pressEscapeToClose?: any;
-    clickOutsideToClose?: any;
-    attention?: any;
-    closeable?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Overlays/tour/TourStepComponent.d.ts

@@ -7,6 +7,7 @@ export declare const TourStepComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
+    step?: any;
     isFirstStep?: any;
     isLastStep?: any;
     resolvedLabels?: any;
@@ -14,13 +15,13 @@ export declare const TourStepComponent: import("vue").DefineComponent<{
     next?: any;
     finish?: any;
     skip?: any;
-    step?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
+    step?: any;
     isFirstStep?: any;
     isLastStep?: any;
     resolvedLabels?: any;
@@ -28,7 +29,6 @@ export declare const TourStepComponent: import("vue").DefineComponent<{
     next?: any;
     finish?: any;
     skip?: any;
-    step?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Backdrop/BackdropComponent.d.ts

@@ -7,20 +7,20 @@ export declare const BackdropComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
+    hidden?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    hidden?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
+    hidden?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    hidden?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Box/BoxComponent.d.ts

@@ -8,11 +8,11 @@ export declare const BoxComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     fit?: any;
-    inset?: any;
     width?: any;
     height?: any;
     highlighted?: any;
     cornered?: any;
+    inset?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
@@ -20,11 +20,11 @@ export declare const BoxComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     fit?: any;
-    inset?: any;
     width?: any;
     height?: any;
     highlighted?: any;
     cornered?: any;
+    inset?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Checkmark/CheckmarkComponent.d.ts

@@ -11,8 +11,8 @@ export declare const CheckmarkComponent: import("vue").DefineComponent<{
     disabled?: any;
     variant?: any;
     appearance?: any;
-    isThreeState?: any;
     type?: any;
+    isThreeState?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
@@ -23,8 +23,8 @@ export declare const CheckmarkComponent: import("vue").DefineComponent<{
     disabled?: any;
     variant?: any;
     appearance?: any;
-    isThreeState?: any;
     type?: any;
+    isThreeState?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Dropdown/DropdownComponent.d.ts

@@ -8,13 +8,8 @@ export declare const DropdownComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     disabled?: any;
-    animationTarget?: any;
-    enter?: any;
-    exit?: any;
     width?: any;
     height?: any;
-    placement?: any;
-    trigger?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -25,23 +20,28 @@ export declare const DropdownComponent: import("vue").DefineComponent<{
     dropDownWidth?: any;
     dropDownMaxWidth?: any;
     isDropDownOpen?: any;
-    maxWidth?: any;
-    maxHeight?: any;
-    skidding?: any;
-    isVisible?: any;
-    open?: any;
-    strategy?: any;
+    animationTarget?: any;
+    enter?: any;
+    exit?: any;
     _anchorId?: any;
     _panelId?: any;
     _anchorName?: any;
     popupRole?: any;
+    isVisible?: any;
+    placement?: any;
+    strategy?: any;
     offset?: any;
+    skidding?: any;
+    open?: any;
+    trigger?: any;
     closeOnOutsideClick?: any;
     closeOnEscape?: any;
     closeOnSelect?: any;
     restoreFocus?: any;
     hasPopup?: any;
     matchAnchorWidth?: any;
+    maxHeight?: any;
+    maxWidth?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "openChanged" | "slotchange")[], "connected" | "disconnected" | "changed" | "openChanged" | "slotchange", import("vue").PublicProps, Readonly<{
@@ -49,13 +49,8 @@ export declare const DropdownComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     disabled?: any;
-    animationTarget?: any;
-    enter?: any;
-    exit?: any;
     width?: any;
     height?: any;
-    placement?: any;
-    trigger?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -66,23 +61,28 @@ export declare const DropdownComponent: import("vue").DefineComponent<{
     dropDownWidth?: any;
     dropDownMaxWidth?: any;
     isDropDownOpen?: any;
-    maxWidth?: any;
-    maxHeight?: any;
-    skidding?: any;
-    isVisible?: any;
-    open?: any;
-    strategy?: any;
+    animationTarget?: any;
+    enter?: any;
+    exit?: any;
     _anchorId?: any;
     _panelId?: any;
     _anchorName?: any;
     popupRole?: any;
+    isVisible?: any;
+    placement?: any;
+    strategy?: any;
     offset?: any;
+    skidding?: any;
+    open?: any;
+    trigger?: any;
     closeOnOutsideClick?: any;
     closeOnEscape?: any;
     closeOnSelect?: any;
     restoreFocus?: any;
     hasPopup?: any;
     matchAnchorWidth?: any;
+    maxHeight?: any;
+    maxWidth?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Elevation/ElevationComponent.d.ts

@@ -8,9 +8,9 @@ export declare const ElevationComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     disabled?: any;
+    weigh?: any;
     for?: any;
     control?: any;
-    weigh?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
@@ -18,9 +18,9 @@ export declare const ElevationComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     disabled?: any;
+    weigh?: any;
     for?: any;
     control?: any;
-    weigh?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Error/ErrorComponent.d.ts

@@ -7,10 +7,10 @@ export declare const ErrorComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
+    text?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    text?: any;
     textOverflow?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -18,10 +18,10 @@ export declare const ErrorComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
+    text?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    text?: any;
     textOverflow?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Floating/FloatingComponent.d.ts

@@ -8,36 +8,36 @@ export declare const FloatingComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     shift?: any;
+    active?: any;
+    width?: any;
+    height?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    width?: any;
-    height?: any;
-    placement?: any;
     elevation?: any;
-    maxWidth?: any;
-    active?: any;
-    maxHeight?: any;
-    distance?: any;
-    skidding?: any;
-    flip?: any;
-    sync?: any;
-    isVisible?: any;
     isFullScreen?: any;
-    anchor?: any;
+    autoSize?: any;
+    isVisible?: any;
+    placement?: any;
     strategy?: any;
+    skidding?: any;
+    maxHeight?: any;
+    maxWidth?: any;
+    anchor?: any;
+    distance?: any;
     arrow?: any;
     arrowPlacement?: any;
     arrowPadding?: any;
+    flip?: any;
     flipFallbackPlacements?: any;
     flipBoundary?: any;
     flipPadding?: any;
     flipFallbackStrategy?: any;
     shiftBoundary?: any;
     shiftPadding?: any;
-    autoSize?: any;
     autoSizeBoundary?: any;
     autoSizePadding?: any;
+    sync?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "repositioned" | "activeChanged")[], "connected" | "disconnected" | "changed" | "repositioned" | "activeChanged", import("vue").PublicProps, Readonly<{
@@ -45,36 +45,36 @@ export declare const FloatingComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     shift?: any;
+    active?: any;
+    width?: any;
+    height?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
-    width?: any;
-    height?: any;
-    placement?: any;
     elevation?: any;
-    maxWidth?: any;
-    active?: any;
-    maxHeight?: any;
-    distance?: any;
-    skidding?: any;
-    flip?: any;
-    sync?: any;
-    isVisible?: any;
     isFullScreen?: any;
-    anchor?: any;
+    autoSize?: any;
+    isVisible?: any;
+    placement?: any;
     strategy?: any;
+    skidding?: any;
+    maxHeight?: any;
+    maxWidth?: any;
+    anchor?: any;
+    distance?: any;
     arrow?: any;
     arrowPlacement?: any;
     arrowPadding?: any;
+    flip?: any;
     flipFallbackPlacements?: any;
     flipBoundary?: any;
     flipPadding?: any;
     flipFallbackStrategy?: any;
     shiftBoundary?: any;
     shiftPadding?: any;
-    autoSize?: any;
     autoSizeBoundary?: any;
     autoSizePadding?: any;
+    sync?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/FocusRing/FocusRingComponent.d.ts

@@ -10,9 +10,9 @@ export declare const FocusRingComponent: import("vue").DefineComponent<{
     variant?: any;
     for?: any;
     control?: any;
+    controlled?: any;
     visible?: any;
     inward?: any;
-    controlled?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
@@ -22,9 +22,9 @@ export declare const FocusRingComponent: import("vue").DefineComponent<{
     variant?: any;
     for?: any;
     control?: any;
+    controlled?: any;
     visible?: any;
     inward?: any;
-    controlled?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Footer/FooterComponent.d.ts

@@ -7,18 +7,18 @@ export declare const FooterComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    breakpoint?: any;
     brand?: any;
     copyright?: any;
+    breakpoint?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    breakpoint?: any;
     brand?: any;
     copyright?: any;
+    breakpoint?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Hint/HintComponent.d.ts

@@ -9,8 +9,8 @@ export declare const HintComponent: import("vue").DefineComponent<{
     lang?: any;
     text?: any;
     formatter?: any;
-    alignment?: any;
     textOverflow?: any;
+    alignment?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
@@ -19,8 +19,8 @@ export declare const HintComponent: import("vue").DefineComponent<{
     lang?: any;
     text?: any;
     formatter?: any;
-    alignment?: any;
     textOverflow?: any;
+    alignment?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Jumbotron/JumbotronComponent.d.ts

@@ -8,11 +8,11 @@ export declare const JumbotronComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     header?: any;
-    subHeader?: any;
     appearance?: any;
     formatter?: any;
-    alignment?: any;
+    subHeader?: any;
     hint?: any;
+    alignment?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
@@ -20,11 +20,11 @@ export declare const JumbotronComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     header?: any;
-    subHeader?: any;
     appearance?: any;
     formatter?: any;
-    alignment?: any;
+    subHeader?: any;
     hint?: any;
+    alignment?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Kbd/KbdComponent.d.ts

@@ -7,16 +7,16 @@ export declare const KbdComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    value?: any;
     variant?: any;
+    value?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    value?: any;
     variant?: any;
+    value?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Number/NumberCounterComponent.d.ts

@@ -11,9 +11,9 @@ export declare const NumberCounterComponent: import("vue").DefineComponent<{
     variant?: any;
     readonly?: any;
     alignment?: any;
-    duration?: any;
     from?: any;
     to?: any;
+    duration?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
@@ -24,9 +24,9 @@ export declare const NumberCounterComponent: import("vue").DefineComponent<{
     variant?: any;
     readonly?: any;
     alignment?: any;
-    duration?: any;
     from?: any;
     to?: any;
+    duration?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;