@breadstone/mosaik-elements-vue 0.1.20 → 0.1.22

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

@@ -4,38 +4,38 @@
  * @public
  */
 export declare const ChipComponent: import("vue").DefineComponent<{
+    icon?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     label?: any;
-    size?: any;
     disabled?: any;
+    value?: any;
     variant?: any;
     appearance?: any;
-    value?: any;
+    size?: any;
+    isChecked?: 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;
     themeName?: any;
     dir?: any;
     lang?: any;
     label?: any;
-    size?: any;
     disabled?: any;
+    value?: any;
     variant?: any;
     appearance?: any;
-    value?: any;
+    size?: any;
+    isChecked?: any;
     isFocused?: any;
-    icon?: any;
     closeable?: any;
     ripple?: any;
-    isChecked?: any;
     isCheckable?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

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

@@ -9,14 +9,14 @@ export declare const ChipGroupComponent: import("vue").DefineComponent<{
     lang?: any;
     name?: any;
     invalid?: any;
-    size?: any;
     disabled?: any;
-    wrap?: any;
+    value?: any;
     variant?: any;
-    required?: any;
     appearance?: any;
-    value?: any;
+    size?: any;
     selectionMode?: any;
+    required?: any;
+    wrap?: 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<{
@@ -25,14 +25,14 @@ export declare const ChipGroupComponent: import("vue").DefineComponent<{
     lang?: any;
     name?: any;
     invalid?: any;
-    size?: any;
     disabled?: any;
-    wrap?: any;
+    value?: any;
     variant?: any;
-    required?: any;
     appearance?: any;
-    value?: any;
+    size?: any;
     selectionMode?: any;
+    required?: any;
+    wrap?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/ColorEditor/ColorEditorAlphaSliderComponent.d.ts

@@ -9,9 +9,9 @@ export declare const ColorEditorAlphaSliderComponent: import("vue").DefineCompon
     lang?: any;
     disabled?: any;
     isFocused?: any;
+    step?: any;
     color?: any;
     alpha?: any;
-    step?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "alphaChanged")[], "connected" | "disconnected" | "changed" | "alphaChanged", import("vue").PublicProps, Readonly<{
@@ -20,9 +20,9 @@ export declare const ColorEditorAlphaSliderComponent: import("vue").DefineCompon
     lang?: any;
     disabled?: any;
     isFocused?: any;
+    step?: any;
     color?: any;
     alpha?: any;
-    step?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/ColorEditor/ColorEditorComponent.d.ts

@@ -10,18 +10,18 @@ export declare const ColorEditorComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     isFocused?: any;
-    color?: any;
-    alpha?: any;
-    hue?: any;
-    saturation?: any;
     format?: any;
     showAlpha?: any;
-    palettes?: any;
-    selectedPalette?: any;
     showInputs?: any;
     showPalette?: any;
     showEyeDropper?: any;
     showSwatch?: any;
+    palettes?: any;
+    selectedPalette?: any;
+    color?: any;
+    hue?: any;
+    saturation?: any;
+    alpha?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "colorChanged" | "colorFormatChanged" | "paletteChanged")[], "connected" | "disconnected" | "changed" | "colorChanged" | "colorFormatChanged" | "paletteChanged", import("vue").PublicProps, Readonly<{
@@ -31,18 +31,18 @@ export declare const ColorEditorComponent: import("vue").DefineComponent<{
     disabled?: any;
     value?: any;
     isFocused?: any;
-    color?: any;
-    alpha?: any;
-    hue?: any;
-    saturation?: any;
     format?: any;
     showAlpha?: any;
-    palettes?: any;
-    selectedPalette?: any;
     showInputs?: any;
     showPalette?: any;
     showEyeDropper?: any;
     showSwatch?: any;
+    palettes?: any;
+    selectedPalette?: any;
+    color?: any;
+    hue?: any;
+    saturation?: any;
+    alpha?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/ColorEditor/ColorEditorInputsComponent.d.ts

@@ -7,24 +7,24 @@ export declare const ColorEditorInputsComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    size?: any;
     disabled?: any;
+    size?: any;
     isFocused?: any;
-    color?: any;
     format?: any;
     showAlpha?: any;
+    color?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "colorChanged" | "colorFormatChanged")[], "connected" | "disconnected" | "changed" | "colorChanged" | "colorFormatChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    size?: any;
     disabled?: any;
+    size?: any;
     isFocused?: any;
-    color?: any;
     format?: any;
     showAlpha?: any;
+    color?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/ColorEditor/ColorEditorPaletteComponent.d.ts

@@ -9,9 +9,9 @@ export declare const ColorEditorPaletteComponent: import("vue").DefineComponent<
     lang?: any;
     disabled?: any;
     isFocused?: any;
-    panelOpen?: any;
     palettes?: any;
     selectedPalette?: any;
+    panelOpen?: any;
     allowAdd?: any;
     currentColor?: any;
     panelAnchor?: any;
@@ -23,9 +23,9 @@ export declare const ColorEditorPaletteComponent: import("vue").DefineComponent<
     lang?: any;
     disabled?: any;
     isFocused?: any;
-    panelOpen?: any;
     palettes?: any;
     selectedPalette?: any;
+    panelOpen?: any;
     allowAdd?: any;
     currentColor?: any;
     panelAnchor?: any;

package/Controls/Components/Media/ColorPicker/ColorPickerComponent.d.ts

@@ -8,6 +8,7 @@ export declare const ColorPickerComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     disabled?: any;
+    value?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -18,15 +19,14 @@ export declare const ColorPickerComponent: import("vue").DefineComponent<{
     dropDownWidth?: any;
     dropDownMaxWidth?: any;
     isDropDownOpen?: any;
-    value?: any;
     format?: any;
     showAlpha?: any;
-    palettes?: any;
-    selectedPalette?: any;
     showInputs?: any;
     showPalette?: any;
     showEyeDropper?: any;
     showSwatch?: any;
+    palettes?: any;
+    selectedPalette?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "colorChanged")[], "connected" | "disconnected" | "changed" | "colorChanged", import("vue").PublicProps, Readonly<{
@@ -34,6 +34,7 @@ export declare const ColorPickerComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     disabled?: any;
+    value?: any;
     dropDownPlacement?: any;
     dropDownStrategy?: any;
     dropDownDistance?: any;
@@ -44,15 +45,14 @@ export declare const ColorPickerComponent: import("vue").DefineComponent<{
     dropDownWidth?: any;
     dropDownMaxWidth?: any;
     isDropDownOpen?: any;
-    value?: any;
     format?: any;
     showAlpha?: any;
-    palettes?: any;
-    selectedPalette?: any;
     showInputs?: any;
     showPalette?: any;
     showEyeDropper?: any;
     showSwatch?: any;
+    palettes?: any;
+    selectedPalette?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

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

@@ -8,8 +8,8 @@ export declare const ColorSwatchComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     name?: any;
-    size?: any;
     value?: any;
+    size?: any;
     hasBackground?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -18,8 +18,8 @@ export declare const ColorSwatchComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     name?: any;
-    size?: any;
     value?: any;
+    size?: any;
     hasBackground?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

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

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

package/Controls/Components/Media/Comment/CommentComponent.d.ts

@@ -5,21 +5,21 @@
  */
 export declare const CommentComponent: import("vue").DefineComponent<{
     themeName?: any;
+    content?: any;
+    formatter?: any;
     dir?: any;
     lang?: any;
     at?: any;
-    formatter?: any;
-    content?: any;
     author?: 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;
+    content?: any;
+    formatter?: any;
     dir?: any;
     lang?: any;
     at?: any;
-    formatter?: any;
-    content?: any;
     author?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Icon/IconComponent.d.ts

@@ -8,14 +8,14 @@ export declare const IconComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     data?: any;
-    size?: any;
     disabled?: any;
     variant?: any;
-    readonly?: any;
     appearance?: any;
-    grid?: any;
+    size?: any;
+    readonly?: any;
     angle?: any;
     inline?: any;
+    grid?: 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,14 +23,14 @@ export declare const IconComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     data?: any;
-    size?: any;
     disabled?: any;
     variant?: any;
-    readonly?: any;
     appearance?: any;
-    grid?: any;
+    size?: any;
+    readonly?: any;
     angle?: any;
     inline?: any;
+    grid?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Image/ImageComponent.d.ts

@@ -11,12 +11,12 @@ export declare const ImageComponent: import("vue").DefineComponent<{
     fit?: any;
     disabled?: any;
     variant?: any;
+    state?: any;
     src?: any;
     legendPosition?: any;
     ratio?: any;
     width?: any;
     height?: any;
-    state?: any;
     alt?: any;
     srcset?: any;
     thumbnailSrc?: any;
@@ -33,12 +33,12 @@ export declare const ImageComponent: import("vue").DefineComponent<{
     fit?: any;
     disabled?: any;
     variant?: any;
+    state?: any;
     src?: any;
     legendPosition?: any;
     ratio?: any;
     width?: any;
     height?: any;
-    state?: any;
     alt?: any;
     srcset?: any;
     thumbnailSrc?: any;

package/Controls/Components/Media/Map/MapComponent.d.ts

@@ -11,9 +11,9 @@ export declare const MapComponent: import("vue").DefineComponent<{
     disabled?: any;
     width?: any;
     height?: any;
-    zoom?: any;
     latitude?: any;
     longitude?: any;
+    zoom?: any;
     provider?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -25,9 +25,9 @@ export declare const MapComponent: import("vue").DefineComponent<{
     disabled?: any;
     width?: any;
     height?: any;
-    zoom?: any;
     latitude?: any;
     longitude?: any;
+    zoom?: any;
     provider?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Persona/PersonaComponent.d.ts

@@ -4,20 +4,17 @@
  * @public
  */
 export declare const PersonaComponent: import("vue").DefineComponent<{
+    icon?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
-    size?: any;
     orientation?: any;
     disabled?: any;
     variant?: any;
+    appearance?: any;
     src?: any;
+    size?: any;
     text?: any;
-    appearance?: any;
-    hasBadge?: any;
-    textAccessor?: any;
-    icon?: any;
-    displayMode?: any;
     horizontalContentAlignment?: any;
     verticalContentAlignment?: any;
     primaryText?: any;
@@ -25,23 +22,23 @@ export declare const PersonaComponent: import("vue").DefineComponent<{
     tertiaryText?: any;
     quaternaryText?: any;
     presence?: any;
+    hasBadge?: any;
+    textAccessor?: 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;
     themeName?: any;
     dir?: any;
     lang?: any;
-    size?: any;
     orientation?: any;
     disabled?: any;
     variant?: any;
+    appearance?: any;
     src?: any;
+    size?: any;
     text?: any;
-    appearance?: any;
-    hasBadge?: any;
-    textAccessor?: any;
-    icon?: any;
-    displayMode?: any;
     horizontalContentAlignment?: any;
     verticalContentAlignment?: any;
     primaryText?: any;
@@ -49,6 +46,9 @@ export declare const PersonaComponent: import("vue").DefineComponent<{
     tertiaryText?: any;
     quaternaryText?: any;
     presence?: any;
+    hasBadge?: any;
+    textAccessor?: any;
+    displayMode?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/QRCode/QRCodeComponent.d.ts

@@ -8,10 +8,10 @@ export declare const QrcodeComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     text?: any;
+    backgroundColor?: any;
     radius?: any;
     dimension?: any;
     errorCorrection?: any;
-    backgroundColor?: any;
     foregroundColor?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -20,10 +20,10 @@ export declare const QrcodeComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     text?: any;
+    backgroundColor?: any;
     radius?: any;
     dimension?: any;
     errorCorrection?: any;
-    backgroundColor?: any;
     foregroundColor?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Media/Timeline/TimelineMarkerComponent.d.ts

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

package/Controls/Components/Media/Video/VideoComponent.d.ts

@@ -13,6 +13,8 @@ export declare const VideoComponent: import("vue").DefineComponent<{
     hasSrc?: any;
     src?: any;
     autoPlay?: any;
+    poster?: any;
+    autoFullScreen?: any;
     showControls?: any;
     legendPosition?: any;
     ratio?: any;
@@ -20,8 +22,6 @@ export declare const VideoComponent: import("vue").DefineComponent<{
     loop?: any;
     width?: any;
     height?: any;
-    poster?: any;
-    autoFullScreen?: 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<{
@@ -34,6 +34,8 @@ export declare const VideoComponent: import("vue").DefineComponent<{
     hasSrc?: any;
     src?: any;
     autoPlay?: any;
+    poster?: any;
+    autoFullScreen?: any;
     showControls?: any;
     legendPosition?: any;
     ratio?: any;
@@ -41,8 +43,6 @@ export declare const VideoComponent: import("vue").DefineComponent<{
     loop?: any;
     width?: any;
     height?: any;
-    poster?: any;
-    autoFullScreen?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Misc/CookieConsent/CookiesConsentComponent.d.ts

@@ -7,11 +7,11 @@ export declare const CookiesConsentComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    intl?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
     elevation?: any;
+    intl?: any;
     accepted?: any;
     dismissed?: any;
     hasAcceptedCookies?: any;
@@ -23,11 +23,11 @@ export declare const CookiesConsentComponent: import("vue").DefineComponent<{
     themeName?: any;
     dir?: any;
     lang?: any;
-    intl?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
     elevation?: any;
+    intl?: any;
     accepted?: any;
     dismissed?: any;
     hasAcceptedCookies?: any;

package/Controls/Components/Overlays/Dialog/DialogComponent.d.ts

@@ -8,22 +8,22 @@ export declare const DialogComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     dragging?: any;
-    width?: any;
-    height?: any;
-    appearance?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
+    appearance?: any;
+    width?: any;
+    height?: any;
     isOpen?: any;
+    hasBackdrop?: any;
+    pressEscapeToClose?: any;
+    clickOutsideToClose?: any;
     closeable?: any;
     elevation?: any;
+    isDraggable?: any;
     offsetX?: any;
     offsetY?: any;
     isFullScreen?: any;
-    isDraggable?: any;
-    hasBackdrop?: any;
-    pressEscapeToClose?: any;
-    clickOutsideToClose?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "opened" | "closed")[], "connected" | "disconnected" | "changed" | "opened" | "closed", import("vue").PublicProps, Readonly<{
@@ -31,22 +31,22 @@ export declare const DialogComponent: import("vue").DefineComponent<{
     dir?: any;
     lang?: any;
     dragging?: any;
-    width?: any;
-    height?: any;
-    appearance?: any;
     animationTarget?: any;
     enter?: any;
     exit?: any;
+    appearance?: any;
+    width?: any;
+    height?: any;
     isOpen?: any;
+    hasBackdrop?: any;
+    pressEscapeToClose?: any;
+    clickOutsideToClose?: any;
     closeable?: any;
     elevation?: any;
+    isDraggable?: any;
     offsetX?: any;
     offsetY?: any;
     isFullScreen?: any;
-    isDraggable?: any;
-    hasBackdrop?: any;
-    pressEscapeToClose?: any;
-    clickOutsideToClose?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;