@breadstone/mosaik-elements-vue 0.0.241 → 0.0.243

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

@@ -6,10 +6,10 @@
 export declare const NumberComponent: import("vue").DefineComponent<{
     number?: any;
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
     readonly?: any;
     alignment?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -17,10 +17,10 @@ export declare const NumberComponent: import("vue").DefineComponent<{
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     number?: any;
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
     readonly?: any;
     alignment?: any;
 }> & Readonly<{

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

@@ -5,10 +5,10 @@
  */
 export declare const NumberCounterComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
     readonly?: any;
     alignment?: any;
     duration?: any;
@@ -18,10 +18,10 @@ export declare const NumberCounterComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
     readonly?: any;
     alignment?: any;
     duration?: any;

package/Controls/Components/Primitives/Paginator/PaginatorComponent.d.ts

@@ -5,10 +5,10 @@
  */
 export declare const PaginatorComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
     size?: any;
     appearance?: any;
     intl?: any;
@@ -26,10 +26,10 @@ export declare const PaginatorComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "pageChanged" | "pageSizeChanged")[], "connected" | "disconnected" | "changed" | "pageChanged" | "pageSizeChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
     size?: any;
     appearance?: any;
     intl?: any;

package/Controls/Components/Primitives/Pip/PipComponent.d.ts

@@ -5,26 +5,26 @@
  */
 export declare const PipComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
+    text?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
     size?: any;
     appearance?: any;
-    text?: any;
     icon?: any;
     iconSize?: 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;
+    text?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
     size?: any;
     appearance?: any;
-    text?: any;
     icon?: any;
     iconSize?: any;
 }> & Readonly<{

package/Controls/Components/Primitives/Popup/PopupComponent.d.ts

@@ -5,7 +5,6 @@
  */
 export declare const PopupComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
@@ -13,6 +12,7 @@ export declare const PopupComponent: import("vue").DefineComponent<{
     animationTarget?: any;
     enter?: any;
     exit?: any;
+    variant?: any;
     appearance?: any;
     isOpen?: any;
     hasBackdrop?: any;
@@ -41,7 +41,6 @@ export declare const PopupComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "opened" | "closed")[], "connected" | "disconnected" | "changed" | "opened" | "closed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
@@ -49,6 +48,7 @@ export declare const PopupComponent: import("vue").DefineComponent<{
     animationTarget?: any;
     enter?: any;
     exit?: any;
+    variant?: any;
     appearance?: any;
     isOpen?: any;
     hasBackdrop?: any;

package/Controls/Components/Primitives/Ribbon/RibbonComponent.d.ts

@@ -5,11 +5,11 @@
  */
 export declare const RibbonComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
-    label?: any;
     dir?: any;
     lang?: any;
+    label?: any;
+    variant?: any;
     size?: any;
     icon?: any;
     iconSize?: any;
@@ -17,11 +17,11 @@ export declare const RibbonComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
-    label?: any;
     dir?: any;
     lang?: any;
+    label?: any;
+    variant?: any;
     size?: any;
     icon?: any;
     iconSize?: any;

package/Controls/Components/Primitives/Skeleton/SkeletonComponent.d.ts

@@ -4,23 +4,23 @@
  * @public
  */
 export declare const SkeletonComponent: import("vue").DefineComponent<{
-    target?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     width?: any;
     height?: any;
+    target?: any;
     shape?: any;
     shimmer?: 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<{
-    target?: any;
     themeName?: any;
     dir?: any;
     lang?: any;
     width?: any;
     height?: any;
+    target?: any;
     shape?: any;
     shimmer?: any;
 }> & Readonly<{

package/Controls/Components/Primitives/Text/TextComponent.d.ts

@@ -5,12 +5,12 @@
  */
 export declare const TextComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
+    text?: any;
     disabled?: any;
+    formatter?: any;
     dir?: any;
     lang?: any;
-    text?: any;
-    formatter?: any;
+    variant?: any;
     readonly?: any;
     truncate?: any;
     wrap?: any;
@@ -22,12 +22,12 @@ export declare const TextComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
+    text?: any;
     disabled?: any;
+    formatter?: any;
     dir?: any;
     lang?: any;
-    text?: any;
-    formatter?: any;
+    variant?: any;
     readonly?: any;
     truncate?: any;
     wrap?: any;

package/Controls/Components/Primitives/TextFormat/TextFormatComponent.d.ts

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

package/Controls/Components/Primitives/Toggletip/ToggleTipComponent.d.ts

@@ -6,6 +6,7 @@
 export declare const ToggletipComponent: import("vue").DefineComponent<{
     themeName?: any;
     disabled?: any;
+    formatter?: any;
     dir?: any;
     lang?: any;
     width?: any;
@@ -20,12 +21,12 @@ export declare const ToggletipComponent: import("vue").DefineComponent<{
     hideDelay?: any;
     trigger?: any;
     staysOpen?: any;
-    formatter?: 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;
     disabled?: any;
+    formatter?: any;
     dir?: any;
     lang?: any;
     width?: any;
@@ -40,7 +41,6 @@ export declare const ToggletipComponent: import("vue").DefineComponent<{
     hideDelay?: any;
     trigger?: any;
     staysOpen?: any;
-    formatter?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/Tooltip/TooltipComponent.d.ts

@@ -6,6 +6,7 @@
 export declare const TooltipComponent: import("vue").DefineComponent<{
     themeName?: any;
     disabled?: any;
+    formatter?: any;
     dir?: any;
     lang?: any;
     animationTarget?: any;
@@ -29,12 +30,12 @@ export declare const TooltipComponent: import("vue").DefineComponent<{
     staysOpen?: any;
     for?: any;
     control?: any;
-    formatter?: 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<{
     themeName?: any;
     disabled?: any;
+    formatter?: any;
     dir?: any;
     lang?: any;
     animationTarget?: any;
@@ -58,7 +59,6 @@ export declare const TooltipComponent: import("vue").DefineComponent<{
     staysOpen?: any;
     for?: any;
     control?: any;
-    formatter?: any;
 }> & Readonly<{
     onConnected?: ((...args: any[]) => any) | undefined;
     onDisconnected?: ((...args: any[]) => any) | undefined;

package/Controls/Components/Primitives/UpDownSpinner/UpDownSpinnerComponent.d.ts

@@ -5,7 +5,6 @@
  */
 export declare const UpdownSpinnerComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
@@ -18,13 +17,13 @@ export declare const UpdownSpinnerComponent: import("vue").DefineComponent<{
     increaseDisabled?: any;
     decreaseDisabled?: any;
     focusable?: any;
+    variant?: any;
     size?: any;
     appearance?: any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "spinned")[], "connected" | "disconnected" | "changed" | "spinned", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
@@ -37,6 +36,7 @@ export declare const UpdownSpinnerComponent: import("vue").DefineComponent<{
     increaseDisabled?: any;
     decreaseDisabled?: any;
     focusable?: any;
+    variant?: any;
     size?: any;
     appearance?: any;
 }> & Readonly<{

package/Controls/Components/Primitives/listing/ListingComponent.d.ts

@@ -5,10 +5,10 @@
  */
 export declare const ListingComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
     size?: any;
     appearance?: any;
     type?: any;
@@ -20,10 +20,10 @@ export declare const ListingComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
+    variant?: any;
     size?: any;
     appearance?: any;
     type?: any;

package/Controls/Components/Primitives/listing/ListingItemComponent.d.ts

@@ -5,16 +5,16 @@
  */
 export declare const ListingItemComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
+    formatter?: any;
     dir?: any;
     lang?: any;
     header?: any;
-    value?: any;
+    variant?: any;
     size?: any;
     appearance?: any;
     content?: any;
-    formatter?: any;
     listType?: any;
     listNumberingType?: any;
     listBulletType?: any;
@@ -22,16 +22,16 @@ export declare const ListingItemComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
+    formatter?: any;
     dir?: any;
     lang?: any;
     header?: any;
-    value?: any;
+    variant?: any;
     size?: any;
     appearance?: any;
     content?: any;
-    formatter?: any;
     listType?: any;
     listNumberingType?: any;
     listBulletType?: any;

package/Controls/Components/Primitives/listing/ListingItemMarkerComponent.d.ts

@@ -5,11 +5,11 @@
  */
 export declare const ListingItemMarkerComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
     index?: any;
+    variant?: any;
     size?: any;
     appearance?: any;
     type?: any;
@@ -19,11 +19,11 @@ export declare const ListingItemMarkerComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed")[], "connected" | "disconnected" | "changed", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
     index?: any;
+    variant?: any;
     size?: any;
     appearance?: any;
     type?: any;

package/Controls/Components/Ranges/MeterBar/MeterBarComponent.d.ts

@@ -5,13 +5,13 @@
  */
 export declare const MeterBarComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
-    label?: any;
     dir?: any;
     lang?: any;
+    label?: any;
     orientation?: any;
-    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;
@@ -26,13 +26,13 @@ export declare const MeterBarComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
-    label?: any;
     dir?: any;
     lang?: any;
+    label?: any;
     orientation?: any;
-    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;

package/Controls/Components/Ranges/MeterRing/MeterRingComponent.d.ts

@@ -5,13 +5,13 @@
  */
 export declare const MeterRingComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
-    label?: any;
     dir?: any;
     lang?: any;
+    label?: any;
     orientation?: any;
-    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;
@@ -27,13 +27,13 @@ export declare const MeterRingComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
-    label?: any;
     dir?: any;
     lang?: any;
+    label?: any;
     orientation?: any;
-    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;

package/Controls/Components/Ranges/ProgressBar/ProgressBarComponent.d.ts

@@ -5,13 +5,13 @@
  */
 export declare const ProgressBarComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
-    label?: any;
     dir?: any;
     lang?: any;
+    label?: any;
     orientation?: any;
-    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;
@@ -21,13 +21,13 @@ export declare const ProgressBarComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
-    label?: any;
     dir?: any;
     lang?: any;
+    label?: any;
     orientation?: any;
-    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;

package/Controls/Components/Ranges/ProgressRing/ProgressRingComponent.d.ts

@@ -5,13 +5,13 @@
  */
 export declare const ProgressRingComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
-    label?: any;
     dir?: any;
     lang?: any;
+    label?: any;
     orientation?: any;
-    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;
@@ -21,13 +21,13 @@ export declare const ProgressRingComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
-    label?: any;
     dir?: any;
     lang?: any;
+    label?: any;
     orientation?: any;
-    value?: any;
+    variant?: any;
     min?: any;
     max?: any;
     thickness?: any;

package/Controls/Components/Ranges/ScrubSlider/ScrubSliderComponent.d.ts

@@ -5,14 +5,14 @@
  */
 export declare const ScrubSliderComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
     track?: any;
     invalid?: any;
     orientation?: any;
-    value?: any;
+    variant?: any;
     appearance?: any;
     isFocused?: any;
     step?: any;
@@ -30,14 +30,14 @@ export declare const ScrubSliderComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "input" | "rangeValueChanged" | "change")[], "connected" | "disconnected" | "changed" | "input" | "rangeValueChanged" | "change", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
     track?: any;
     invalid?: any;
     orientation?: any;
-    value?: any;
+    variant?: any;
     appearance?: any;
     isFocused?: any;
     step?: any;

package/Controls/Components/Ranges/Slider/SliderComponent.d.ts

@@ -5,14 +5,14 @@
  */
 export declare const SliderComponent: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
     track?: any;
     invalid?: any;
     orientation?: any;
-    value?: any;
+    variant?: any;
     appearance?: any;
     isFocused?: any;
     step?: any;
@@ -28,14 +28,14 @@ export declare const SliderComponent: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
     track?: any;
     invalid?: any;
     orientation?: any;
-    value?: any;
+    variant?: any;
     appearance?: any;
     isFocused?: any;
     step?: any;

package/Controls/Components/Ranges/Slider2/Slider2Component.d.ts

@@ -5,13 +5,13 @@
  */
 export declare const Slider2Component: import("vue").DefineComponent<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
     orientation?: any;
     gap?: any;
-    value?: any;
+    variant?: any;
     appearance?: any;
     step?: any;
     min?: any;
@@ -23,13 +23,13 @@ export declare const Slider2Component: import("vue").DefineComponent<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("connected" | "disconnected" | "changed" | "rangeValueChanged")[], "connected" | "disconnected" | "changed" | "rangeValueChanged", import("vue").PublicProps, Readonly<{
     themeName?: any;
-    variant?: any;
+    value?: any;
     disabled?: any;
     dir?: any;
     lang?: any;
     orientation?: any;
     gap?: any;
-    value?: any;
+    variant?: any;
     appearance?: any;
     step?: any;
     min?: any;