@breadstone/mosaik-elements-vue 0.1.36 → 0.1.38

package/Controls/Components/Inputs/Calendar/CalendarComponent.d.ts

@@ -6,15 +6,15 @@
 export declare const CalendarComponent: import("vue").DefineComponent<{
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
     values?: any;
     invalid?: any;
     orientation?: any;
     fit?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     selectionMode?: any;
     markerHandler?: any;
     locale?: any;
@@ -40,15 +40,15 @@ export declare const CalendarComponent: import("vue").DefineComponent<{
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "dateChanged")[], "connected" | "disconnected" | "changed" | "dateChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
     values?: any;
     invalid?: any;
     orientation?: any;
     fit?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     selectionMode?: any;
     markerHandler?: any;
     locale?: any;

package/Controls/Components/Inputs/Calendar/CalendarItemComponent.d.ts

@@ -6,12 +6,12 @@
 export declare const CalendarItemComponent: import("vue").DefineComponent<{
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
     isSelected?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     text?: any;
     isFocused?: any;
     ripple?: any;
@@ -30,12 +30,12 @@ export declare const CalendarItemComponent: import("vue").DefineComponent<{
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "click")[], "connected" | "disconnected" | "changed" | "click", import("vue").PublicProps, Readonly<{
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
     isSelected?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     text?: any;
     isFocused?: any;
     ripple?: any;

package/Controls/Components/Inputs/CheckBox/CheckBoxComponent.d.ts

@@ -4,17 +4,17 @@
  * @public
  */
 export declare const CheckboxComponent: import("vue").DefineComponent<{
+    name?: any;
     themeName?: any;
+    isChecked?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
-    isChecked?: any;
     isFocused?: any;
     formatter?: any;
     labelPosition?: any;
@@ -22,29 +22,29 @@ export declare const CheckboxComponent: import("vue").DefineComponent<{
     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<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("checked" | "unchecked" | "connected" | "disconnected" | "changed" | "indeterminate")[], "checked" | "unchecked" | "connected" | "disconnected" | "changed" | "indeterminate", import("vue").PublicProps, Readonly<{
+    name?: any;
     themeName?: any;
+    isChecked?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
-    isChecked?: any;
     isFocused?: any;
     formatter?: any;
     labelPosition?: any;
     required?: any;
     isThreeState?: any;
 }> & Readonly<{
+    onChecked?: ((...args: any[]) => any) | undefined;
+    onUnchecked?: ((...args: any[]) => any) | undefined;
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
     onChanged?: ((...args: any[]) => any) | undefined;
-    onChecked?: ((...args: any[]) => any) | undefined;
-    onUnchecked?: ((...args: any[]) => any) | undefined;
     onIndeterminate?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {

package/Controls/Components/Inputs/CheckBox/CheckBoxGroupComponent.d.ts

@@ -4,30 +4,30 @@
  * @public
  */
 export declare const CheckboxGroupComponent: import("vue").DefineComponent<{
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     invalid?: any;
     orientation?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     required?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "checkChanged")[], "connected" | "disconnected" | "changed" | "checkChanged", import("vue").PublicProps, Readonly<{
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     invalid?: any;
     orientation?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     required?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Inputs/ChipBox/ChipBoxComponent.d.ts

@@ -4,16 +4,16 @@
  * @public
  */
 export declare const ChipboxComponent: import("vue").DefineComponent<{
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     state?: any;
     isFocused?: any;
     formatter?: any;
@@ -33,16 +33,16 @@ export declare const ChipboxComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "chipAdded" | "chipRemoved" | "cleared")[], "connected" | "disconnected" | "changed" | "chipAdded" | "chipRemoved" | "cleared", import("vue").PublicProps, Readonly<{
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     state?: any;
     isFocused?: any;
     formatter?: any;

package/Controls/Components/Inputs/Choice/ChoiceComponent.d.ts

@@ -4,17 +4,17 @@
  * @public
  */
 export declare const ChoiceComponent: import("vue").DefineComponent<{
+    name?: any;
     themeName?: any;
+    isChecked?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
-    isChecked?: any;
     isFocused?: any;
     formatter?: any;
     required?: any;
@@ -25,18 +25,18 @@ export declare const ChoiceComponent: import("vue").DefineComponent<{
     additional?: 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<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("checked" | "unchecked" | "connected" | "disconnected" | "changed" | "indeterminate")[], "checked" | "unchecked" | "connected" | "disconnected" | "changed" | "indeterminate", import("vue").PublicProps, Readonly<{
+    name?: any;
     themeName?: any;
+    isChecked?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
-    isChecked?: any;
     isFocused?: any;
     formatter?: any;
     required?: any;
@@ -46,11 +46,11 @@ export declare const ChoiceComponent: import("vue").DefineComponent<{
     ripple?: any;
     additional?: any;
 }> & Readonly<{
+    onChecked?: ((...args: any[]) => any) | undefined;
+    onUnchecked?: ((...args: any[]) => any) | undefined;
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;
     onChanged?: ((...args: any[]) => any) | undefined;
-    onChecked?: ((...args: any[]) => any) | undefined;
-    onUnchecked?: ((...args: any[]) => any) | undefined;
     onIndeterminate?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare module 'vue' {

package/Controls/Components/Inputs/Choice/ChoiceGroupComponent.d.ts

@@ -4,30 +4,30 @@
  * @public
  */
 export declare const ChoiceGroupComponent: import("vue").DefineComponent<{
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     invalid?: any;
     orientation?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     required?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "choiceChanged")[], "connected" | "disconnected" | "changed" | "choiceChanged", import("vue").PublicProps, Readonly<{
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     invalid?: any;
     orientation?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     required?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Inputs/ColorBox/ColorBoxComponent.d.ts

@@ -4,26 +4,16 @@
  * @public
  */
 export declare const ColorboxComponent: import("vue").DefineComponent<{
-    dropDownPlacement?: any;
-    dropDownStrategy?: any;
-    dropDownDistance?: any;
-    dropDownSkidding?: any;
-    dropDownStaysOpen?: any;
-    dropDownMaxHeight?: any;
-    dropDownHeight?: any;
-    dropDownMaxWidth?: any;
-    dropDownWidth?: any;
-    isDropDownOpen?: any;
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     state?: any;
     isFocused?: any;
     formatter?: any;
@@ -34,6 +24,16 @@ export declare const ColorboxComponent: import("vue").DefineComponent<{
     autocomplete?: any;
     textAlign?: any;
     isClearable?: any;
+    dropDownPlacement?: any;
+    dropDownStrategy?: any;
+    dropDownDistance?: any;
+    dropDownSkidding?: any;
+    dropDownStaysOpen?: any;
+    dropDownMaxHeight?: any;
+    dropDownHeight?: any;
+    dropDownWidth?: any;
+    dropDownMaxWidth?: any;
+    isDropDownOpen?: any;
     parser?: any;
     pattern?: any;
     format?: any;
@@ -50,26 +50,16 @@ export declare const ColorboxComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "input" | "cleared" | "blur" | "change" | "focus")[], "connected" | "disconnected" | "changed" | "input" | "cleared" | "blur" | "change" | "focus", import("vue").PublicProps, Readonly<{
-    dropDownPlacement?: any;
-    dropDownStrategy?: any;
-    dropDownDistance?: any;
-    dropDownSkidding?: any;
-    dropDownStaysOpen?: any;
-    dropDownMaxHeight?: any;
-    dropDownHeight?: any;
-    dropDownMaxWidth?: any;
-    dropDownWidth?: any;
-    isDropDownOpen?: any;
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     state?: any;
     isFocused?: any;
     formatter?: any;
@@ -80,6 +70,16 @@ export declare const ColorboxComponent: import("vue").DefineComponent<{
     autocomplete?: any;
     textAlign?: any;
     isClearable?: any;
+    dropDownPlacement?: any;
+    dropDownStrategy?: any;
+    dropDownDistance?: any;
+    dropDownSkidding?: any;
+    dropDownStaysOpen?: any;
+    dropDownMaxHeight?: any;
+    dropDownHeight?: any;
+    dropDownWidth?: any;
+    dropDownMaxWidth?: any;
+    isDropDownOpen?: any;
     parser?: any;
     pattern?: any;
     format?: any;

package/Controls/Components/Inputs/DateBox/DateBoxComponent.d.ts

@@ -4,27 +4,17 @@
  * @public
  */
 export declare const DateboxComponent: import("vue").DefineComponent<{
-    dropDownPlacement?: any;
-    dropDownStrategy?: any;
-    dropDownDistance?: any;
-    dropDownSkidding?: any;
-    dropDownStaysOpen?: any;
-    dropDownMaxHeight?: any;
-    dropDownHeight?: any;
-    dropDownMaxWidth?: any;
-    dropDownWidth?: any;
-    isDropDownOpen?: any;
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
     values?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     state?: any;
     selectionMode?: any;
     isFocused?: any;
@@ -38,6 +28,16 @@ export declare const DateboxComponent: import("vue").DefineComponent<{
     textAlign?: any;
     isClearable?: any;
     locale?: any;
+    dropDownPlacement?: any;
+    dropDownStrategy?: any;
+    dropDownDistance?: any;
+    dropDownSkidding?: any;
+    dropDownStaysOpen?: any;
+    dropDownMaxHeight?: any;
+    dropDownHeight?: any;
+    dropDownWidth?: any;
+    dropDownMaxWidth?: any;
+    isDropDownOpen?: any;
     parser?: any;
     view?: any;
     blackoutDates?: any;
@@ -59,27 +59,17 @@ export declare const DateboxComponent: import("vue").DefineComponent<{
 }, () => 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<{
-    dropDownPlacement?: any;
-    dropDownStrategy?: any;
-    dropDownDistance?: any;
-    dropDownSkidding?: any;
-    dropDownStaysOpen?: any;
-    dropDownMaxHeight?: any;
-    dropDownHeight?: any;
-    dropDownMaxWidth?: any;
-    dropDownWidth?: any;
-    isDropDownOpen?: any;
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
     values?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     state?: any;
     selectionMode?: any;
     isFocused?: any;
@@ -93,6 +83,16 @@ export declare const DateboxComponent: import("vue").DefineComponent<{
     textAlign?: any;
     isClearable?: any;
     locale?: any;
+    dropDownPlacement?: any;
+    dropDownStrategy?: any;
+    dropDownDistance?: any;
+    dropDownSkidding?: any;
+    dropDownStaysOpen?: any;
+    dropDownMaxHeight?: any;
+    dropDownHeight?: any;
+    dropDownWidth?: any;
+    dropDownMaxWidth?: any;
+    isDropDownOpen?: any;
     parser?: any;
     view?: any;
     blackoutDates?: any;

package/Controls/Components/Inputs/DateTimeBox/DateTimeBoxComponent.d.ts

@@ -4,27 +4,17 @@
  * @public
  */
 export declare const DatetimeboxComponent: import("vue").DefineComponent<{
-    dropDownPlacement?: any;
-    dropDownStrategy?: any;
-    dropDownDistance?: any;
-    dropDownSkidding?: any;
-    dropDownStaysOpen?: any;
-    dropDownMaxHeight?: any;
-    dropDownHeight?: any;
-    dropDownMaxWidth?: any;
-    dropDownWidth?: any;
-    isDropDownOpen?: any;
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
     values?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     state?: any;
     isFocused?: any;
     formatter?: any;
@@ -37,6 +27,16 @@ export declare const DatetimeboxComponent: import("vue").DefineComponent<{
     textAlign?: any;
     isClearable?: any;
     locale?: any;
+    dropDownPlacement?: any;
+    dropDownStrategy?: any;
+    dropDownDistance?: any;
+    dropDownSkidding?: any;
+    dropDownStaysOpen?: any;
+    dropDownMaxHeight?: any;
+    dropDownHeight?: any;
+    dropDownWidth?: any;
+    dropDownMaxWidth?: any;
+    isDropDownOpen?: any;
     parser?: any;
     view?: any;
     blackoutDates?: any;
@@ -65,27 +65,17 @@ export declare const DatetimeboxComponent: import("vue").DefineComponent<{
 }, () => 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<{
-    dropDownPlacement?: any;
-    dropDownStrategy?: any;
-    dropDownDistance?: any;
-    dropDownSkidding?: any;
-    dropDownStaysOpen?: any;
-    dropDownMaxHeight?: any;
-    dropDownHeight?: any;
-    dropDownMaxWidth?: any;
-    dropDownWidth?: any;
-    isDropDownOpen?: any;
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
     values?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     state?: any;
     isFocused?: any;
     formatter?: any;
@@ -98,6 +88,16 @@ export declare const DatetimeboxComponent: import("vue").DefineComponent<{
     textAlign?: any;
     isClearable?: any;
     locale?: any;
+    dropDownPlacement?: any;
+    dropDownStrategy?: any;
+    dropDownDistance?: any;
+    dropDownSkidding?: any;
+    dropDownStaysOpen?: any;
+    dropDownMaxHeight?: any;
+    dropDownHeight?: any;
+    dropDownWidth?: any;
+    dropDownMaxWidth?: any;
+    isDropDownOpen?: any;
     parser?: any;
     view?: any;
     blackoutDates?: any;

package/Controls/Components/Inputs/DurationBox/DurationBoxComponent.d.ts

@@ -4,16 +4,16 @@
  * @public
  */
 export declare const DurationboxComponent: import("vue").DefineComponent<{
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     state?: any;
     isFocused?: any;
     formatter?: any;
@@ -29,16 +29,16 @@ export declare const DurationboxComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "input" | "cleared" | "blur" | "change" | "focus")[], "connected" | "disconnected" | "changed" | "input" | "cleared" | "blur" | "change" | "focus", import("vue").PublicProps, Readonly<{
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     state?: any;
     isFocused?: any;
     formatter?: any;

package/Controls/Components/Inputs/FileBox/FileBoxComponent.d.ts

@@ -4,16 +4,16 @@
  * @public
  */
 export declare const FileboxComponent: import("vue").DefineComponent<{
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     state?: any;
     isFocused?: any;
     formatter?: any;
@@ -30,16 +30,16 @@ export declare const FileboxComponent: import("vue").DefineComponent<{
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "filesSelected" | "cleared")[], "connected" | "disconnected" | "changed" | "filesSelected" | "cleared", import("vue").PublicProps, Readonly<{
+    name?: any;
     themeName?: any;
     disabled?: any;
+    variant?: any;
+    appearance?: any;
+    value?: any;
     dir?: any;
     lang?: any;
-    name?: any;
     label?: any;
     invalid?: any;
-    value?: any;
-    variant?: any;
-    appearance?: any;
     state?: any;
     isFocused?: any;
     formatter?: any;