@omnia/fx 8.0.191-dev → 8.0.193-dev

package/internal-do-not-import-from-here/ux/oxide/column/ColumnGrid.d.ts

@@ -8,22 +8,22 @@ declare const _default: {
             type: import("vue").PropType<Spacing | SpacingValue>;
         };
         xl: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         lg: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         md: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         sm: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         xs: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         cols: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         variant: {
             type: import("vue").PropType<"grid" | "default">;
@@ -62,22 +62,22 @@ declare const _default: {
             type: import("vue").PropType<Spacing | SpacingValue>;
         };
         xl: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         lg: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         md: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         sm: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         xs: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         cols: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         variant: {
             type: import("vue").PropType<"grid" | "default">;
@@ -125,22 +125,22 @@ declare const _default: {
             type: import("vue").PropType<Spacing | SpacingValue>;
         };
         xl: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         lg: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         md: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         sm: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         xs: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         cols: {
-            type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+            type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
         };
         variant: {
             type: import("vue").PropType<"grid" | "default">;
@@ -185,22 +185,22 @@ declare const _default: {
         type: import("vue").PropType<Spacing | SpacingValue>;
     };
     xl: {
-        type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+        type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
     };
     lg: {
-        type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+        type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
     };
     md: {
-        type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+        type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
     };
     sm: {
-        type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+        type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
     };
     xs: {
-        type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+        type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
     };
     cols: {
-        type: import("vue").PropType<1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12">;
+        type: import("vue").PropType<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto">;
     };
     variant: {
         type: import("vue").PropType<"grid" | "default">;
@@ -235,13 +235,13 @@ declare const _default: {
     container: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        xs?: 1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
-        xl?: 1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+        xs?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto";
+        xl?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto";
         container?: boolean;
         class?: String | String[];
-        sm?: 1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
-        md?: 1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
-        lg?: 1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+        sm?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto";
+        md?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto";
+        lg?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto";
         alignSelf?: "auto" | "start" | "center" | "end" | "stretch" | "baseline";
         margin?: Spacing | SpacingValue;
         padding?: Spacing | SpacingValue;
@@ -250,7 +250,7 @@ declare const _default: {
         toned?: boolean;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         variant?: "grid" | "default";
-        cols?: 1 | 3 | 8 | "auto" | 2 | 4 | "1" | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "4" | "2" | "3" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
+        cols?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | "10" | "11" | "12" | 12 | "auto";
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/radio/Radio.d.ts

@@ -128,8 +128,8 @@ declare const _default: {
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         container?: boolean;
-        value?: any;
         class?: String | String[];
+        value?: any;
         label?: string;
         colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;

package/internal-do-not-import-from-here/ux/oxide/rating/Rating.d.ts

@@ -9,7 +9,7 @@ declare const _default: {
             required: false;
         };
         length: {
-            type: import("vue").PropType<5 | 10 | "5" | "10">;
+            type: import("vue").PropType<"5" | 5 | 10 | "10">;
             required: false;
         };
         hover: {
@@ -67,7 +67,7 @@ declare const _default: {
             required: false;
         };
         length: {
-            type: import("vue").PropType<5 | 10 | "5" | "10">;
+            type: import("vue").PropType<"5" | 5 | 10 | "10">;
             required: false;
         };
         hover: {
@@ -134,7 +134,7 @@ declare const _default: {
             required: false;
         };
         length: {
-            type: import("vue").PropType<5 | 10 | "5" | "10">;
+            type: import("vue").PropType<"5" | 5 | 10 | "10">;
             required: false;
         };
         hover: {
@@ -198,7 +198,7 @@ declare const _default: {
         required: false;
     };
     length: {
-        type: import("vue").PropType<5 | 10 | "5" | "10">;
+        type: import("vue").PropType<"5" | 5 | 10 | "10">;
         required: false;
     };
     hover: {
@@ -251,7 +251,7 @@ declare const _default: {
     container: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        length?: 5 | 10 | "5" | "10";
+        length?: "5" | 5 | 10 | "10";
         container?: boolean;
         class?: String | String[];
         size?: "small" | "default" | "large" | "x-large" | "x-small";

package/internal-do-not-import-from-here/ux/oxide/stepper/Stepper.css.d.ts

@@ -1 +1,4 @@
-export declare const StepperStyles: {};
+import { ColorDefinition } from "@omnia/fx-models";
+export declare const StepperStyles: {
+    container: (baseSelected: ColorDefinition, onBaseSelected: ColorDefinition) => string;
+};

package/internal-do-not-import-from-here/ux/oxide/stepper/Stepper.d.ts

@@ -1,81 +1,87 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        vertical: {
-            type: import("vue").PropType<boolean>;
-        };
-        "v-model": {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: number) => any>;
-        };
-        modelValue: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        vertical: {
-            type: import("vue").PropType<boolean>;
-        };
-        "v-model": {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: number) => any>;
-        };
-        modelValue: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-    }>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        vertical: {
-            type: import("vue").PropType<boolean>;
-        };
-        "v-model": {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: number) => any>;
-        };
-        modelValue: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    vertical: {
-        type: import("vue").PropType<boolean>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
+    colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+} & {
+    container?: boolean;
+} & {
+    colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+} & {
+    class?: String | String[];
+} & {
+    vertical?: boolean;
+} & {
+    "v-model"?: number;
+} & {
+    "onUpdate:modelValue"?: (value: number) => void;
+} & {
+    modelValue?: number;
+} & {
+    variant?: "default" | "editable" | "understep";
+} & {
+    hideLabel?: boolean;
+}>) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $attrs: {
+        [x: string]: unknown;
     };
-    "v-model": {
-        type: import("vue").PropType<number>;
-        required: false;
+    $refs: {
+        [x: string]: unknown;
     };
-    "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: number) => any>;
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any>;
+    }>;
+    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $emit: (event: string, ...args: any[]) => void;
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
     };
-    modelValue: {
-        type: import("vue").PropType<number>;
-        required: false;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<{
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+    } & {
+        container?: boolean;
+    } & {
+        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+    } & {
+        class?: String | String[];
+    } & {
         vertical?: boolean;
+    } & {
         "v-model"?: number;
-        "onUpdate:modelValue"?: (value: number) => any;
+    } & {
+        "onUpdate:modelValue"?: (value: number) => void;
+    } & {
         modelValue?: number;
-    }>, never>;
-};
+    } & {
+        variant?: "default" | "editable" | "understep";
+    } & {
+        hideLabel?: boolean;
+    }> & {
+        "v-slots"?: {
+            default?: import("vue").Slot;
+        } & {};
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "container" | "class" | "vertical" | "colorSchemaType" | "colors" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "hideLabel">;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/stepper/StepperStep.d.ts

@@ -1,79 +1,88 @@
 import { IIcon } from "@omnia/fx-models";
-type IconPositions = "left" | "right" | "top";
-export interface StepIconModel {
-    iconType: IIcon;
-    position?: IconPositions;
-}
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        complete: {
-            type: import("vue").PropType<boolean>;
-        };
-        step: {
-            type: import("vue").PropType<number>;
-        };
-        icon: {
-            type: import("vue").PropType<StepIconModel>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        complete: {
-            type: import("vue").PropType<boolean>;
-        };
-        step: {
-            type: import("vue").PropType<number>;
-        };
-        icon: {
-            type: import("vue").PropType<StepIconModel>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        complete: {
-            type: import("vue").PropType<boolean>;
-        };
-        step: {
-            type: import("vue").PropType<number>;
-        };
-        icon: {
-            type: import("vue").PropType<StepIconModel>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    complete: {
-        type: import("vue").PropType<boolean>;
-    };
-    step: {
-        type: import("vue").PropType<number>;
+import { DefineSlot, ValidationRule } from "@omnia/fx/ux";
+import { VNodeChild } from "vue";
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
+    title?: string;
+} & {
+    subTitle?: string;
+} & {
+    icon?: IIcon;
+} & {
+    complete?: boolean;
+} & {
+    editable?: boolean;
+} & {
+    reverseTransition?: boolean;
+} & {
+    disabled?: boolean;
+} & {
+    rules?: ValidationRule[];
+} & {
+    eager?: boolean;
+} & DefineSlot<"title", () => VNodeChild>>) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $attrs: {
+        [x: string]: unknown;
     };
-    icon: {
-        type: import("vue").PropType<StepIconModel>;
+    $refs: {
+        [x: string]: unknown;
     };
-    title: {
-        type: import("vue").PropType<string>;
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any>;
+    }>;
+    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $emit: (event: string, ...args: any[]) => void;
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        icon?: StepIconModel;
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<{
         title?: string;
-        step?: number;
+    } & {
+        subTitle?: string;
+    } & {
+        icon?: IIcon;
+    } & {
         complete?: boolean;
-    }>, never>;
-};
+    } & {
+        editable?: boolean;
+    } & {
+        reverseTransition?: boolean;
+    } & {
+        disabled?: boolean;
+    } & {
+        rules?: ValidationRule[];
+    } & {
+        eager?: boolean;
+    } & DefineSlot<"title", () => VNodeChild>> & {
+        "v-slots"?: {
+            default?: import("vue").Slot;
+        } & {
+            title?: () => VNodeChild;
+        };
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "disabled" | "eager" | "subTitle" | "rules" | "editable" | "complete" | "reverseTransition">;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
 export default _default;