@breadstone/mosaik-elements-vue 0.0.275 → 0.0.276

package/Controls/Components/Inputs/TimeBox/TimeBoxComponent.d.ts

@@ -5,17 +5,33 @@
  */
 export declare const TimeboxComponent: import("vue").DefineComponent<{
     themeName?: any;
+    variant?: any;
+    appearance?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
     name?: any;
     label?: any;
     invalid?: any;
-    disabled?: any;
-    variant?: any;
-    placeholder?: any;
+    value?: any;
+    state?: any;
+    interval?: any;
+    isFocused?: any;
+    formatter?: any;
     required?: any;
     readonly?: any;
+    autofocus?: any;
+    placeholder?: any;
+    autocomplete?: any;
+    isEditable?: any;
+    blackoutTimes?: any;
+    specialTimes?: any;
+    minTime?: any;
+    maxTime?: any;
+    markerHandler?: any;
     textAlign?: any;
+    isClearable?: any;
+    locale?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -26,38 +42,38 @@ export declare const TimeboxComponent: import("vue").DefineComponent<{
     dropDownWidth?: any;
     dropDownMaxWidth?: any;
     isDropDownOpen?: any;
-    appearance?: any;
-    isClearable?: any;
-    value?: any;
-    state?: any;
-    formatter?: any;
     parser?: any;
-    isFocused?: any;
-    markerHandler?: any;
-    locale?: any;
-    autofocus?: any;
-    autocomplete?: any;
-    isEditable?: any;
-    interval?: any;
-    blackoutTimes?: any;
-    specialTimes?: any;
-    minTime?: any;
-    maxTime?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "cleared")[], "connected" | "disconnected" | "changed" | "cleared", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    variant?: any;
+    appearance?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
     name?: any;
     label?: any;
     invalid?: any;
-    disabled?: any;
-    variant?: any;
-    placeholder?: any;
+    value?: any;
+    state?: any;
+    interval?: any;
+    isFocused?: any;
+    formatter?: any;
     required?: any;
     readonly?: any;
+    autofocus?: any;
+    placeholder?: any;
+    autocomplete?: any;
+    isEditable?: any;
+    blackoutTimes?: any;
+    specialTimes?: any;
+    minTime?: any;
+    maxTime?: any;
+    markerHandler?: any;
     textAlign?: any;
+    isClearable?: any;
+    locale?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -68,23 +84,7 @@ export declare const TimeboxComponent: import("vue").DefineComponent<{
     dropDownWidth?: any;
     dropDownMaxWidth?: any;
     isDropDownOpen?: any;
-    appearance?: any;
-    isClearable?: any;
-    value?: any;
-    state?: any;
-    formatter?: any;
     parser?: any;
-    isFocused?: any;
-    markerHandler?: any;
-    locale?: any;
-    autofocus?: any;
-    autocomplete?: any;
-    isEditable?: any;
-    interval?: any;
-    blackoutTimes?: any;
-    specialTimes?: any;
-    minTime?: any;
-    maxTime?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Inputs/ToggleSwitch/ToggleSwitchComponent.d.ts

@@ -5,39 +5,39 @@
  */
 export declare const ToggleSwitchComponent: import("vue").DefineComponent<{
     themeName?: any;
+    variant?: any;
+    appearance?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
     name?: any;
     label?: any;
     invalid?: any;
-    disabled?: any;
-    variant?: any;
-    required?: any;
-    appearance?: any;
     value?: any;
-    formatter?: any;
+    isChecked?: any;
     isFocused?: any;
+    formatter?: any;
     labelPosition?: any;
-    isChecked?: any;
+    required?: any;
     isThreeState?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "checked" | "unchecked" | "indeterminate")[], "connected" | "disconnected" | "changed" | "checked" | "unchecked" | "indeterminate", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    variant?: any;
+    appearance?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
     name?: any;
     label?: any;
     invalid?: any;
-    disabled?: any;
-    variant?: any;
-    required?: any;
-    appearance?: any;
     value?: any;
-    formatter?: any;
+    isChecked?: any;
     isFocused?: any;
+    formatter?: any;
     labelPosition?: any;
-    isChecked?: any;
+    required?: any;
     isThreeState?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Layouts/Absolute/AbsoluteItemComponent.d.ts

@@ -4,23 +4,23 @@
  * @public
  */
 export declare const AbsoluteItemComponent: import("vue").DefineComponent<{
-    left?: any;
-    top?: any;
-    bottom?: any;
-    right?: any;
     themeName?: any;
     dir?: any;
     lang?: 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<{
-    left?: any;
     top?: any;
+    left?: any;
     bottom?: any;
     right?: 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;
+    top?: any;
+    left?: any;
+    bottom?: any;
+    right?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Layouts/Designer/Canvas/DesignerCanvasComponent.d.ts

@@ -7,11 +7,11 @@ export declare const DesignerCanvasComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
+    zoom?: any;
     panX?: any;
     panY?: any;
     zoomLevel?: any;
     isPanning?: any;
-    zoom?: any;
     minZoom?: any;
     maxZoom?: any;
     interactionMode?: any;
@@ -21,11 +21,11 @@ export declare const DesignerCanvasComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
+    zoom?: any;
     panX?: any;
     panY?: any;
     zoomLevel?: any;
     isPanning?: any;
-    zoom?: any;
     minZoom?: any;
     maxZoom?: any;
     interactionMode?: any;

package/Controls/Components/Layouts/Dock/DockPanelComponent.d.ts

@@ -8,11 +8,11 @@ export declare const DockPanelComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     reverse?: any;
+    orientation?: any;
     fit?: any;
+    gap?: any;
     items?: any;
-    orientation?: any;
     lastChildFill?: any;
-    gap?: 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 DockPanelComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     reverse?: any;
+    orientation?: any;
     fit?: any;
+    gap?: any;
     items?: any;
-    orientation?: any;
     lastChildFill?: any;
-    gap?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Layouts/FlowBoard/FlowBoardColumnItemComponent.d.ts

@@ -5,11 +5,11 @@
  */
 export declare const FlowBoardColumnItemComponent: import("vue").DefineComponent<{
     themeName?: any;
-    dir?: any;
-    lang?: any;
-    disabled?: any;
     variant?: any;
     appearance?: any;
+    disabled?: any;
+    dir?: any;
+    lang?: any;
     value?: any;
     isFocused?: any;
     ripple?: any;
@@ -23,11 +23,11 @@ export declare const FlowBoardColumnItemComponent: import("vue").DefineComponent
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "flowBoardBeforeItemPinChange" | "flowBoardItemPinChange" | "flowBoardBeforeItemActivate" | "flowBoardItemActivate")[], "connected" | "disconnected" | "changed" | "flowBoardBeforeItemPinChange" | "flowBoardItemPinChange" | "flowBoardBeforeItemActivate" | "flowBoardItemActivate", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    dir?: any;
-    lang?: any;
-    disabled?: any;
     variant?: any;
     appearance?: any;
+    disabled?: any;
+    dir?: any;
+    lang?: any;
     value?: any;
     isFocused?: any;
     ripple?: any;

package/Controls/Components/Layouts/FlowBoard/FlowBoardComponent.d.ts

@@ -7,10 +7,10 @@ export declare const FlowBoardComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
+    gap?: any;
     size?: any;
     isFocused?: any;
     displayMode?: any;
-    gap?: any;
     dragdrop?: any;
     scrollMode?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -19,10 +19,10 @@ export declare const FlowBoardComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
+    gap?: any;
     size?: any;
     isFocused?: any;
     displayMode?: any;
-    gap?: any;
     dragdrop?: any;
     scrollMode?: any;
 }> & Readonly<{

package/Controls/Components/Layouts/Grid/GridComponent.d.ts

@@ -7,24 +7,24 @@ export declare const GridComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    items?: any;
-    columnDefinitions?: any;
     gap?: any;
+    items?: any;
     horizontalAlignment?: any;
     verticalAlignment?: any;
     rowDefinitions?: any;
+    columnDefinitions?: 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;
-    items?: any;
-    columnDefinitions?: any;
     gap?: any;
+    items?: any;
     horizontalAlignment?: any;
     verticalAlignment?: any;
     rowDefinitions?: any;
+    columnDefinitions?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Layouts/Masonry/MasonryComponent.d.ts

@@ -7,18 +7,18 @@ export declare const MasonryComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
+    columns?: any;
     fit?: any;
     gap?: any;
-    columns?: 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;
+    columns?: any;
     fit?: any;
     gap?: any;
-    columns?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Layouts/Page/PageHeaderComponent.d.ts

@@ -7,8 +7,8 @@ export declare const PageHeaderComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    text?: any;
     inset?: any;
+    text?: any;
     subText?: any;
     additionalText?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -17,8 +17,8 @@ export declare const PageHeaderComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    text?: any;
     inset?: any;
+    text?: any;
     subText?: any;
     additionalText?: any;
 }> & Readonly<{

package/Controls/Components/Layouts/Resize/ResizeComponent.d.ts

@@ -8,8 +8,8 @@ export declare const ResizeComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     mode?: any;
-    active?: any;
     ghostFactory?: any;
+    active?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "resizeResizeStarted" | "resizeResized" | "resizeResizeEnded" | "resizeResizeCanceled")[], "connected" | "disconnected" | "changed" | "resizeResizeStarted" | "resizeResized" | "resizeResizeEnded" | "resizeResizeCanceled", import("vue").PublicProps, Readonly<{
@@ -17,8 +17,8 @@ export declare const ResizeComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     mode?: any;
-    active?: any;
     ghostFactory?: any;
+    active?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Layouts/Split/SplitComponent.d.ts

@@ -5,14 +5,13 @@
  */
 export declare const SplitComponent: import("vue").DefineComponent<{
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
     reverse?: any;
-    fit?: any;
     orientation?: any;
-    disabled?: any;
+    fit?: any;
     position?: any;
-    thickness?: any;
     min?: any;
     max?: any;
     collapsedPanel?: any;
@@ -25,19 +24,19 @@ export declare const SplitComponent: import("vue").DefineComponent<{
     lock?: any;
     snaps?: any;
     snapThreshold?: any;
+    thickness?: any;
     collapsible?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "splitReposition")[], "connected" | "disconnected" | "changed" | "splitReposition", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
     reverse?: any;
-    fit?: any;
     orientation?: any;
-    disabled?: any;
+    fit?: any;
     position?: any;
-    thickness?: any;
     min?: any;
     max?: any;
     collapsedPanel?: any;
@@ -50,6 +49,7 @@ export declare const SplitComponent: import("vue").DefineComponent<{
     lock?: any;
     snaps?: any;
     snapThreshold?: any;
+    thickness?: any;
     collapsible?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Layouts/Stack/StackComponent.d.ts

@@ -8,11 +8,11 @@ export declare const StackComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     reverse?: any;
+    orientation?: any;
     fit?: any;
+    gap?: any;
     items?: any;
-    orientation?: any;
     wrap?: any;
-    gap?: any;
     horizontalAlignment?: any;
     verticalAlignment?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -22,11 +22,11 @@ export declare const StackComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     reverse?: any;
+    orientation?: any;
     fit?: any;
+    gap?: any;
     items?: any;
-    orientation?: any;
     wrap?: any;
-    gap?: any;
     horizontalAlignment?: any;
     verticalAlignment?: any;
 }> & Readonly<{

package/Controls/Components/Layouts/TileList/TileListItemComponent.d.ts

@@ -8,11 +8,11 @@ export declare const TileListItemComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     col?: any;
-    resizable?: any;
-    reorderable?: any;
     colSpan?: any;
     rowSpan?: any;
     order?: any;
+    reorderable?: any;
+    resizable?: any;
     row?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -21,11 +21,11 @@ export declare const TileListItemComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     col?: any;
-    resizable?: any;
-    reorderable?: any;
     colSpan?: any;
     rowSpan?: any;
     order?: any;
+    reorderable?: any;
+    resizable?: any;
     row?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Layouts/TileManager/TileManagerTileComponent.d.ts

@@ -8,13 +8,13 @@ export declare const TileManagerTileComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     position?: any;
-    isDraggable?: any;
-    isDragging?: any;
     resizeMode?: any;
     fullscreen?: any;
     tileManager?: any;
     resizeDisabled?: any;
     isResizing?: any;
+    isDragging?: any;
+    isDraggable?: any;
     headerRef?: any;
     tileContentRef?: any;
     isResizable?: any;
@@ -34,13 +34,13 @@ export declare const TileManagerTileComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     position?: any;
-    isDraggable?: any;
-    isDragging?: any;
     resizeMode?: any;
     fullscreen?: any;
     tileManager?: any;
     resizeDisabled?: any;
     isResizing?: any;
+    isDragging?: any;
+    isDraggable?: any;
     headerRef?: any;
     tileContentRef?: any;
     isResizable?: any;

package/Controls/Components/Layouts/Wrap/WrapComponent.d.ts

@@ -8,11 +8,11 @@ export declare const WrapComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     reverse?: any;
-    fit?: any;
-    items?: any;
+    columns?: any;
     orientation?: any;
+    fit?: any;
     gap?: any;
-    columns?: any;
+    items?: 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 WrapComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     reverse?: any;
-    fit?: any;
-    items?: any;
+    columns?: any;
     orientation?: any;
+    fit?: any;
     gap?: any;
-    columns?: any;
+    items?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Audio/AudioComponent.d.ts

@@ -5,10 +5,10 @@
  */
 export declare const AudioComponent: import("vue").DefineComponent<{
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
     legend?: any;
-    disabled?: any;
     hasSrc?: any;
     src?: any;
     autoPlay?: any;
@@ -23,10 +23,10 @@ export declare const AudioComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
     legend?: any;
-    disabled?: any;
     hasSrc?: any;
     src?: any;
     autoPlay?: any;

package/Controls/Components/Media/Avatar/AvatarComponent.d.ts

@@ -5,33 +5,33 @@
  */
 export declare const AvatarComponent: import("vue").DefineComponent<{
     themeName?: any;
+    variant?: any;
+    appearance?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
-    size?: any;
-    disabled?: any;
-    variant?: any;
     src?: any;
+    size?: any;
     text?: any;
-    appearance?: any;
+    icon?: any;
     hasBadge?: any;
     textAccessor?: any;
-    icon?: any;
     displayMode?: 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;
+    variant?: any;
+    appearance?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
-    size?: any;
-    disabled?: any;
-    variant?: any;
     src?: any;
+    size?: any;
     text?: any;
-    appearance?: any;
+    icon?: any;
     hasBadge?: any;
     textAccessor?: any;
-    icon?: any;
     displayMode?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Avatar/AvatarGroupComponent.d.ts

@@ -5,23 +5,23 @@
  */
 export declare const AvatarGroupComponent: import("vue").DefineComponent<{
     themeName?: any;
+    variant?: any;
+    appearance?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
     size?: any;
-    disabled?: any;
-    variant?: any;
-    appearance?: any;
     maxLength?: 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;
+    variant?: any;
+    appearance?: any;
+    disabled?: any;
     dir?: any;
     lang?: any;
     size?: any;
-    disabled?: any;
-    variant?: any;
-    appearance?: any;
     maxLength?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;