@breadstone/mosaik-elements-vue 0.1.33 → 0.1.35

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

@@ -4,6 +4,9 @@
  * @public
  */
 export declare const ToggleSwitchComponent: import("vue").DefineComponent<{
+    appearance?: any;
+    variant?: any;
+    formatter?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -11,11 +14,8 @@ export declare const ToggleSwitchComponent: import("vue").DefineComponent<{
     label?: any;
     invalid?: any;
     disabled?: any;
-    variant?: any;
     required?: any;
-    appearance?: any;
     value?: any;
-    formatter?: any;
     isFocused?: any;
     labelPosition?: any;
     isChecked?: any;
@@ -23,6 +23,9 @@ export declare const ToggleSwitchComponent: import("vue").DefineComponent<{
 }, () => 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<{
+    appearance?: any;
+    variant?: any;
+    formatter?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -30,11 +33,8 @@ export declare const ToggleSwitchComponent: import("vue").DefineComponent<{
     label?: any;
     invalid?: any;
     disabled?: any;
-    variant?: any;
     required?: any;
-    appearance?: any;
     value?: any;
-    formatter?: any;
     isFocused?: any;
     labelPosition?: any;
     isChecked?: any;

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

@@ -5,9 +5,9 @@
  */
 export declare const AbsoluteItemComponent: import("vue").DefineComponent<{
     left?: any;
+    right?: any;
     top?: any;
     bottom?: any;
-    right?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -15,9 +15,9 @@ export declare const AbsoluteItemComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     left?: any;
+    right?: any;
     top?: any;
     bottom?: any;
-    right?: any;
     themeName?: any;
     dir?: any;
     lang?: any;

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

@@ -4,10 +4,10 @@
  * @public
  */
 export declare const FlowBoardColumnComponent: import("vue").DefineComponent<{
+    appearance?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
-    appearance?: any;
     reorderable?: any;
     columnKey?: any;
     canDrag?: any;
@@ -17,10 +17,10 @@ export declare const FlowBoardColumnComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "flowBoardBeforeColumnPinChange" | "flowBoardColumnPinChange")[], "connected" | "disconnected" | "changed" | "flowBoardBeforeColumnPinChange" | "flowBoardColumnPinChange", import("vue").PublicProps, Readonly<{
+    appearance?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
-    appearance?: any;
     reorderable?: any;
     columnKey?: any;
     canDrag?: any;

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

@@ -4,12 +4,12 @@
  * @public
  */
 export declare const FlowBoardColumnItemComponent: import("vue").DefineComponent<{
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
-    variant?: any;
-    appearance?: any;
     value?: any;
     isFocused?: any;
     ripple?: any;
@@ -22,12 +22,12 @@ export declare const FlowBoardColumnItemComponent: import("vue").DefineComponent
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [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<{
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
-    variant?: any;
-    appearance?: any;
     value?: any;
     isFocused?: any;
     ripple?: any;

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

@@ -4,11 +4,11 @@
  * @public
  */
 export declare const TileManagerTileComponent: import("vue").DefineComponent<{
+    isDraggable?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     position?: any;
-    isDraggable?: any;
     isDragging?: any;
     rowSpan?: any;
     isResizing?: any;
@@ -30,11 +30,11 @@ export declare const TileManagerTileComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "tileResizeStart" | "tileResizeEnd" | "tileResizeCancel" | "tileDragStart" | "tileDragEnd" | "tileDragCancel" | "tileFullscreen" | "tileMaximize")[], "connected" | "disconnected" | "changed" | "tileResizeStart" | "tileResizeEnd" | "tileResizeCancel" | "tileDragStart" | "tileDragEnd" | "tileDragCancel" | "tileFullscreen" | "tileMaximize", import("vue").PublicProps, Readonly<{
+    isDraggable?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     position?: any;
-    isDraggable?: any;
     isDragging?: any;
     rowSpan?: any;
     isResizing?: any;

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

@@ -4,6 +4,8 @@
  * @public
  */
 export declare const AudioComponent: import("vue").DefineComponent<{
+    width?: any;
+    height?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -17,11 +19,11 @@ export declare const AudioComponent: import("vue").DefineComponent<{
     ratio?: any;
     muted?: any;
     loop?: any;
-    width?: any;
-    height?: 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<{
+    width?: any;
+    height?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -35,8 +37,6 @@ export declare const AudioComponent: import("vue").DefineComponent<{
     ratio?: any;
     muted?: any;
     loop?: any;
-    width?: any;
-    height?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

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

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

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

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

package/Controls/Components/Media/Badge/BadgeComponent.d.ts

@@ -4,30 +4,30 @@
  * @public
  */
 export declare const BadgeComponent: import("vue").DefineComponent<{
+    icon?: any;
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     label?: any;
     size?: any;
     disabled?: any;
-    variant?: any;
-    appearance?: any;
-    icon?: any;
     overlap?: any;
     attached?: any;
     position?: 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<{
+    icon?: any;
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     label?: any;
     size?: any;
     disabled?: any;
-    variant?: any;
-    appearance?: any;
-    icon?: any;
     overlap?: any;
     attached?: any;
     position?: any;

package/Controls/Components/Media/Camera/CameraComponent.d.ts

@@ -4,14 +4,14 @@
  * @public
  */
 export declare const CameraComponent: import("vue").DefineComponent<{
+    width?: any;
+    height?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     src?: any;
     autoPlay?: any;
-    width?: any;
-    height?: any;
     type?: any;
     isSupported?: any;
     isRecorderSupported?: any;
@@ -23,14 +23,14 @@ export declare const CameraComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "captured" | "recorded" | "error")[], "connected" | "disconnected" | "changed" | "captured" | "recorded" | "error", import("vue").PublicProps, Readonly<{
+    width?: any;
+    height?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
     src?: any;
     autoPlay?: any;
-    width?: any;
-    height?: any;
     type?: any;
     isSupported?: any;
     isRecorderSupported?: any;

package/Controls/Components/Media/Chat/ChatComponent.d.ts

@@ -4,27 +4,27 @@
  * @public
  */
 export declare const ChatComponent: import("vue").DefineComponent<{
+    width?: any;
+    height?: any;
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
-    variant?: any;
-    width?: any;
-    height?: any;
     intl?: any;
-    appearance?: any;
     scrollToEnd?: any;
     begin?: 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<{
+    width?: any;
+    height?: any;
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
-    variant?: any;
-    width?: any;
-    height?: any;
     intl?: any;
-    appearance?: any;
     scrollToEnd?: any;
     begin?: any;
 }> & Readonly<{

package/Controls/Components/Media/Chat/ChatHeaderComponent.d.ts

@@ -4,20 +4,20 @@
  * @public
  */
 export declare const ChatHeaderComponent: import("vue").DefineComponent<{
+    formatter?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     title?: any;
-    formatter?: any;
     subTitle?: 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<{
+    formatter?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     title?: any;
-    formatter?: any;
     subTitle?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Chat/ChatInputAttachmentListComponent.d.ts

@@ -4,24 +4,24 @@
  * @public
  */
 export declare const ChatInputAttachmentListComponent: import("vue").DefineComponent<{
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
-    variant?: any;
-    appearance?: any;
     attachmentAdded?: any;
     attachmentRemoved?: any;
     files?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "attachmentAdd" | "attachmentRemove")[], "connected" | "disconnected" | "changed" | "attachmentAdd" | "attachmentRemove", import("vue").PublicProps, Readonly<{
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
-    variant?: any;
-    appearance?: any;
     attachmentAdded?: any;
     attachmentRemoved?: any;
     files?: any;

package/Controls/Components/Media/Chat/ChatInputComponent.d.ts

@@ -4,28 +4,28 @@
  * @public
  */
 export declare const ChatInputComponent: import("vue").DefineComponent<{
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     submitted?: any;
     disabled?: any;
-    variant?: any;
     placeholder?: any;
-    appearance?: any;
     value?: any;
     minRows?: any;
     maxRows?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "chatSubmit")[], "connected" | "disconnected" | "changed" | "chatSubmit", import("vue").PublicProps, Readonly<{
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     submitted?: any;
     disabled?: any;
-    variant?: any;
     placeholder?: any;
-    appearance?: any;
     value?: any;
     minRows?: any;
     maxRows?: any;

package/Controls/Components/Media/Chat/ChatMarkerComponent.d.ts

@@ -4,30 +4,30 @@
  * @public
  */
 export declare const ChatMarkerComponent: import("vue").DefineComponent<{
+    icon?: any;
+    appearance?: any;
+    variant?: any;
+    formatter?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     orientation?: any;
-    variant?: any;
     text?: any;
-    appearance?: any;
-    formatter?: any;
-    icon?: any;
     horizontalContentAlignment?: any;
     verticalContentAlignment?: any;
     isSticky?: 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<{
+    icon?: any;
+    appearance?: any;
+    variant?: any;
+    formatter?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     orientation?: any;
-    variant?: any;
     text?: any;
-    appearance?: any;
-    formatter?: any;
-    icon?: any;
     horizontalContentAlignment?: any;
     verticalContentAlignment?: any;
     isSticky?: any;

package/Controls/Components/Media/Chat/ChatMessageAvatarComponent.d.ts

@@ -4,27 +4,27 @@
  * @public
  */
 export declare const ChatMessageAvatarComponent: import("vue").DefineComponent<{
+    icon?: any;
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
-    variant?: any;
     src?: any;
     text?: any;
-    appearance?: any;
-    icon?: 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<{
+    icon?: any;
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     disabled?: any;
-    variant?: any;
     src?: any;
     text?: any;
-    appearance?: any;
-    icon?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Chat/ChatMessageComponent.d.ts

@@ -4,34 +4,34 @@
  * @public
  */
 export declare const ChatMessageComponent: import("vue").DefineComponent<{
+    appearance?: any;
+    variant?: any;
+    formatter?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     at?: any;
     disabled?: any;
-    variant?: any;
     isBusy?: any;
     text?: any;
-    appearance?: any;
     value?: any;
-    formatter?: any;
     attachments?: any;
     author?: any;
     reply?: 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<{
+    appearance?: any;
+    variant?: any;
+    formatter?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     at?: any;
     disabled?: any;
-    variant?: any;
     isBusy?: any;
     text?: any;
-    appearance?: any;
     value?: any;
-    formatter?: any;
     attachments?: any;
     author?: any;
     reply?: any;

package/Controls/Components/Media/Chip/ChipComponent.d.ts

@@ -4,36 +4,36 @@
  * @public
  */
 export declare const ChipComponent: import("vue").DefineComponent<{
+    icon?: any;
+    closeable?: any;
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     label?: any;
     size?: any;
     disabled?: any;
-    variant?: any;
-    appearance?: any;
     value?: any;
     isFocused?: any;
-    icon?: any;
-    closeable?: any;
     ripple?: any;
     isChecked?: any;
     isCheckable?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "checked" | "unchecked" | "closed" | "toggled")[], "connected" | "disconnected" | "changed" | "checked" | "unchecked" | "closed" | "toggled", import("vue").PublicProps, Readonly<{
+    icon?: any;
+    closeable?: any;
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     label?: any;
     size?: any;
     disabled?: any;
-    variant?: any;
-    appearance?: any;
     value?: any;
     isFocused?: any;
-    icon?: any;
-    closeable?: any;
     ripple?: any;
     isChecked?: any;
     isCheckable?: any;

package/Controls/Components/Media/Chip/ChipGroupComponent.d.ts

@@ -4,6 +4,8 @@
  * @public
  */
 export declare const ChipGroupComponent: import("vue").DefineComponent<{
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -12,14 +14,14 @@ export declare const ChipGroupComponent: import("vue").DefineComponent<{
     size?: any;
     disabled?: any;
     wrap?: any;
-    variant?: any;
     required?: any;
-    appearance?: any;
     value?: any;
     selectionMode?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "chipChanged")[], "connected" | "disconnected" | "changed" | "chipChanged", import("vue").PublicProps, Readonly<{
+    appearance?: any;
+    variant?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
@@ -28,9 +30,7 @@ export declare const ChipGroupComponent: import("vue").DefineComponent<{
     size?: any;
     disabled?: any;
     wrap?: any;
-    variant?: any;
     required?: any;
-    appearance?: any;
     value?: any;
     selectionMode?: any;
 }> & Readonly<{

package/Controls/Components/Media/ColorSwatch/ColorSwatchGroupComponent.d.ts

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